gpt4 book ai didi

javascript - 将 HTML 表单输入转换为 JavaScript 变量

转载 作者:太空狗 更新时间:2023-10-29 14:10:55 26 4
gpt4 key购买 nike

我是 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com