基本上我正在尝试创建一个表单,以便在您按下按钮时显示用户的姓名和年龄,我的代码在下面,我也在我的网站上执行此操作:http://js.blazedpanda.com/ < / p>
var x=document.getElementById("name").value;
var y=document.getElementById("age").value;
function nameAge()
{
alert("Hello"+" "+x+" "+"who is"+" "+y);
}
如果您能为此提出解决方案请帮助,这可能是非常基本的,但我无法在任何地方找到简单的教程。 谢谢,彼得。
编辑:
谢谢你现在就修好了,好的快速反应:P
答案 0 :(得分:2)
将第一行放在函数中,如下所示:
function nameAge()
{
var x=document.getElementById("name").value;
var y=document.getElementById("age").value;
alert("Hello"+" "+x+" "+"who is"+" "+y);
}
因为您想获取当前值,所以当用户实际按下按钮时也是如此。当您在功能之外定义x
和y
个变量时,由于undefined
和name
元素尚未存在,因此会为age
分配这些变量。
答案 1 :(得分:2)
查看您关联的网页,您的错误在于您在加载x
元素之前定义y
和<input>
。因此,您收到错误。您希望将它们封装在函数nameAge()
答案 2 :(得分:2)
如果您还不了解Jquery,请执行此操作
<input type="text" id="name" />
<input type="text" id="age" />
function nameAge()
{
var x=document.getElementById("name").value;
var y=document.getElementById("age").value;
alert("Hello"+" "+x+" "+"who is"+" "+y);
}
如果你把它放在里面,只要点击底部,它就会更新。
答案 3 :(得分:2)
您只需要检查函数内的名称和年龄值:
function nameAge()
{
var x=document.getElementById("name").value;
var y=document.getElementById("age").value;
alert("Hello "+x+" who is "+y);
}
然后只需在要单击的元素上调用“onclick”事件
<button name="myButton" onclick="javascript:nameAge();" />