Question

我希望用户在文本框部分输入的值显示在窗口中。警报

<input class="textbox" type="text" placeholder="Username" name="" value="">


var name = document.getElementById ("textbox")              
function myFunction() {alert("Welcome back!", name);}

本页显示：欢迎回来！ “用户名”

Answer 1

您需要的是value属性

var name = document.getElementById("textbox").value

function myFunction() {
  alert("Welcome back!", name)
}

myFunction()

Answer 2

您需要获取文本框的value：

var name = document.getElementById("textbox").value;

Answer 3

您有一些错误：

document.getElementById("textbox")仅返回DOM对象。

您没有将function映射到我分配给event的任何blur event上，您可以选择其他事件。

您可以更改为该演示：

function myFunction(e) {
var name = document.getElementById("textbox").value;
  alert("Welcome back! " + name);
}

<input type="text" id="textbox" onblur= "myFunction()" />

Answer 4

输入的类名称为textbox，并且您正在通过方法getElementById选择id 正确的方法是：-

   <input class="textbox" id="textbox" type="text" placeholder="Username" name="" value="" onkeypress="myFunction()">
    <script>
    function myFunction(){
    var name = document.getElementById("textbox").value;
    alert("Welcome back! , "+name);
    }
    </script>

请注意，将var name = document.getElementById("textbox")更改为document.getElementById("textbox").value以便从输入中选择值

请参阅：-alert("Welcome back!",name);语法不正确alert("Welcome back! , "+name);

此页面说出用户在文本框部分中输入的值

4 个答案: