我是 HTML 表单的新手,我想知道如何轻松(或不)更改它对 JavaScript 变量的输入。这是我的代码:
<head>
<title>Begin</title>
<link type="text/css" rel="stylesheet" href="begin.css"/>
</head>
<body>
<form action="begin-create-done.html" method="get">
First Name: <input type="text" name="firstname">
<br>
Last Name: <input type="text" name="lastname">
<br>
<br>
New Username: <input type="text" name="user">
<br>
Password: <input type="password" name="pass">
<br>
Repeat Password: <input type="password" name="rpass">
<input type="submit" value="Submit">
</form>
</body>
</html>
我希望表单的每个部分(例如名字、姓氏、新用户名等)都是它自己的 JavaScript 变量。非常感谢!
最佳答案
从 JavaScript 访问 HTML 输入元素
假设您没有其他具有相同名称的元素,您可以通过名称从 JavaScript 访问输入值,如下所示:
var firstName = document.getElementsByName("firstname")[0].value;
您现在在名为 firstName 的 JavaScript 变量中获得了 firstname 字段的值。只要不断重复,您就会得到其他输入字段。然后,您可以继续并将这些语句包装到一个函数中,并在输入数据更改时调用它。例如:
function formChanged() {
var firstName = ...
var lastName = ...
}
现在将此函数调用注册到 change/keyup 事件,您将拥有一个监视更改表单值的函数:
<input type="text" name="firstname" onkeyup="formChanged()" onchange="formChanged()"/>
关于javascript - 将 HTML 表单输入转换为 JavaScript 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23982774/