首页 > web前端 > js教程 > 正文

js 一个简单的遍历表单元素的实例

WBOY
发布: 2016-06-01 09:54:58
原创
1617 人浏览过
<code class="language-html">



  <form method="GET" action="">
    <input type="text" value="123">
    <input type="text" value="456">
    <input type="text" value="789">
    <input type="button" value="Go" onclick="doIt()">
  </form>
  <script>
  function doIt(){
        var form = document.forms[0]; // 获取页面中第一个form表单
        for (var i = 0; i < form.elements.length; i++){
            console.log(form.elements[i].value);
        }
    }
</script>

</code>
登录后复制

本实例中的表单又四个元素,分别为3个text文本域和一个button。

document.forms[0]用于获取文档中的第一个表单(该页面只有一个表单),然后使用length获取表单的长度,再使用for遍历表单元素并获取每个元素的值。

你可以把代码复制到这个页面运行一下。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板