JavaScript获取表单内所有元素值的方法
更新时间:2015年04月02日 15:22:05 作者:work24
这篇文章主要介绍了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>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
JavaScript优化专题之Loading and Execution加载和运行
这篇文章主要介绍了JavaScript优化专题中Loading and Execution加载和运行的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-01-01uniapp自定义tabbar的方法(支持中间凸起、角标、动态隐藏tab和全端适用)
一个项目有多个角色,比如医生和患者,tabBar跳转的路径不一样,但是在pages.json中无法配置多个tabBar,这时候就要自定义tabBar了,下面这篇文章主要给大家介绍了关于uniapp自定义tabbar(支持中间凸起、角标、动态隐藏tab和全端适用)的相关资料,需要的朋友可以参考下2023-04-04Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
这篇文章主要介绍了Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案的相关资料,需要的朋友可以参考下2016-09-09js监听输入框值的即时变化onpropertychange、oninput
很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。2011-07-07Javascript获取background属性中url的值
Javascript获取CSS中属性值方法有很多,今天工作的时候遇到了一个问题是需要利用Javascript获取css中background-img属性url的值,通过查阅网站的资料找到了解决方法,现在将方法分享给大家,有需要的朋友们们可以参考借鉴,下面来一起看看吧。2016-10-10Vue之vue-tree-color组件实现组织架构图案例详解
这篇文章主要介绍了Vue之vue-tree-color组件实现组织架构图案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
最新评论