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


Posted in Javascript onApril 02, 2015

本文实例讲述了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 相关文章推荐
JavaScript 提升运行速度之循环篇 译文
Aug 15 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 Javascript
解析jquery获取父窗口的元素
Jun 26 Javascript
JavaScript实现获得所有兄弟节点的方法
Jul 23 Javascript
javascript实现动态统计图开发实例
Nov 21 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
Jan 26 Javascript
jQuery EasyUi实战教程之布局篇
Jan 26 Javascript
3分钟掌握常用的JS操作JSON方法总结
Apr 25 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
Sep 16 Javascript
Vue起步(无cli)的啊教程详解
Apr 11 Javascript
js判断两个数组相等的5种方法
May 06 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
Apr 02 #Javascript
JavaScript获取网页支持表单字符集的方法
Apr 02 #Javascript
JavaScript获取网页表单action属性的方法
Apr 02 #Javascript
使用jquery清空、复位整个输入域
Apr 02 #Javascript
JavaScript获取表单enctype属性的方法
Apr 02 #Javascript
12行javascript代码绘制一个八卦图
Apr 02 #Javascript
javascript实现随时变化着的背景颜色
Apr 02 #Javascript
You might like
php 小乘法表实现代码
2009/07/16 PHP
ThinkPHP连接数据库的方式汇总
2014/12/05 PHP
PHP简单实现二维数组的矩阵转置操作示例
2017/11/24 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
jquery dialog键盘事件代码
2010/08/01 Javascript
javascript 获取函数形参个数
2014/07/31 Javascript
js实现图片在未加载完成前显示加载中字样
2014/09/03 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
使用Node.js处理前端代码文件的编码问题
2016/02/16 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
2017/01/20 Javascript
详解Vuex中mapState的具体用法
2017/09/28 Javascript
js设置随机切换背景图片的简单实例
2017/11/12 Javascript
vue内置组件transition简单原理图文详解(小结)
2018/07/12 Javascript
Vue实现搜索结果高亮显示关键字
2019/05/28 Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
2019/09/06 Javascript
JavaScript装饰者模式原理与用法实例详解
2020/03/09 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
Python实现的彩票机选器实例
2015/06/17 Python
Python教程之全局变量用法
2016/06/27 Python
如何优雅地处理Django中的favicon.ico图标详解
2018/07/05 Python
windows10下安装TensorFlow Object Detection API的步骤
2019/06/13 Python
在windows下使用python进行串口通讯的方法
2019/07/02 Python
django之自定义软删除Model的方法
2019/08/14 Python
django框架auth模块用法实例详解
2019/12/10 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
selenium设置浏览器为headless无头模式(Chrome和Firefox)
2021/01/08 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
css3实现背景图片拉伸效果像桌面壁纸一样
2013/08/19 HTML / CSS
单位工程竣工验收方案
2014/03/16 职场文书
优秀教师个人总结
2015/02/11 职场文书
千与千寻观后感
2015/06/04 职场文书
2016关于军训的心得体会
2016/01/11 职场文书
Oracle中日期的使用方法实例
2022/07/07 Oracle
Mybatis 一级缓存和二级缓存原理区别
2022/09/23 Java/Android