您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

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

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!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>

希望本文所述对大家的javascript程序设计有所帮助。