js表单元素值:javascript如何获取表单内所有元素值?

发布时间:2020-10-05编辑:脚本学堂
如何用javascript获取表单内所有元素值,在提交表单时提前用js脚本检测表单内的值,有时很有必要,这里分享一个例子,遍历指定表单中的所有元素,并输出元素的值。

javascript获取表单内所有元素值的方法

javascript操作表单元素的技巧,javascript获取表单内所有元素值。

例子,遍历指定表单中的所有元素,并输出元素的值。

复制代码 代码示例:
<!doctype html>
<html>
<body>
<form id="frm1" action="form_action.aspx">
first name: <input type="text" name="fname" value="donald"><br>
last name: <input type="text" name="lname" value="duck"><br>
<input type="submit" value="submit">
</form>
<p>return the value of each element in the form:</p>
<script>
var x=document.getelementbyid("frm1");
for (var i=0;i<x.length;i++)
{
document.write(x.elements[i].value);
document.write("<br>");
}
</script>
</body>
</html>