我正在学习HTML / JavaScript,我正在编写一个简单的网站来测试我到目前为止学到的东西。 我试图从输入表单中获取用户输入的名字和姓氏,然后将这些名称传递给JavaScript函数,但出于某种原因,我在弹出窗口中看到的只有:
Hello [object HTMLInputElement]
这是我的HTML代码:
<!DOCTYPE html>
<html>
<head>
<title>Daynesh's Test Site</title>
<script>
function addUser(first, last)
{
alert("Hello " + first);
}
</script>
</head>
<body>
<h1>Registered Users</h1>
<p>Enter user name:</p>
<form>First name: <input type="text" name="firstname">
Last name: <input type="text" name="lastname">
<input type="submit" value="Submit" onclick="addUser(firstname,'right')">
</form>
<hr>
<h3>Output</h3>
</body>
</html>
有人可以解释一下我做错了什么吗?我确信它非常简单,我不会在这里理解。
提前致谢!
答案 0 :(得分:5)
代码
onclick="addUser(firstname,'right')"
firstname是你之前没有定义的,所以你应该用javascript或者来定义它 直接从输入中获取价值 这是修复后的代码
<!DOCTYPE html>
<html>
<head>
<title>Daynesh's Test Site</title>
<script>
function addUser(first, last)
{
alert("Hello " + first);
}
</script>
</head>
<body>
<h1>Registered Users</h1>
<p>Enter user name:</p>
<form>First name: <input type="text" name="firstname" id="firstname">
Last name: <input type="text" name="lastname">
<input type="submit" value="Submit" onclick="addUser(document.getElementById('firstname').value,'right')">
</form>
<hr>
<h3>Output</h3>
</body>
</html>
我希望我的回答可以帮助你
答案 1 :(得分:2)
document.getElementByName('firstname').value
上查看更详细的答案