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

2024-05-06 16:18:16

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JavaScript获取表单内所有元素值的方法,实例分析了javascript操作表单元素的技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下：

下面的JS代码可以遍历指定表单中的所有元素，并输出元素的值

<!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>