此页面显示用户在文本框部分输入的值[重复]

Posted 2023-05-07

【中文标题】此页面显示用户在文本框部分输入的值[重复]

【英文标题】：this page say the value inputted by user in the textbox section [duplicate]

【发布时间】：2019-09-10 18:55:14

【问题描述】：

我希望用户在文本框部分输入的值显示在 window.alert 中

---

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


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

这个页面说：欢迎回来！ “用户名”

---

【问题讨论】：

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

【参考方案1】：

你有一些错误：

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

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

你可以换成这个demo：

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

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

【参考方案2】：

value 属性是您所需要的

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

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


myFunction()

【参考方案3】：

需要获取文本框的value：

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