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 精粹读书笔记(1,2)
Feb 07 Javascript
C#中TrimStart,TrimEnd,Trim在javascript上的实现
Jan 17 Javascript
如何判断鼠标是否在DIV的区域内
Nov 13 Javascript
jQuery统计上传文件大小的方法
Jan 24 Javascript
jQuery选择器之基本选择器与层次选择器
Mar 03 Javascript
Angular 输入框实现自定义验证功能
Feb 19 Javascript
JS给按钮添加跳转功能类似a标签
May 30 Javascript
JS实现的简单表单验证功能示例
Oct 13 Javascript
使用JavaScript解析URL的方法示例
Mar 01 Javascript
详解vue移动端项目代码拆分记录
Mar 15 Javascript
vue.js实现备忘录demo
Jun 26 Javascript
Vue快速实现通用表单验证功能
Dec 05 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与javascript的两种交互方式
2006/10/09 PHP
谈谈从phpinfo中能获取哪些值得注意的信息
2017/03/28 PHP
PHPExcel中文帮助手册|PHPExcel使用方法(分享)
2017/06/09 PHP
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
jquery focus(fn),blur(fn)方法实例代码
2011/12/16 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
2012/01/16 Javascript
JS数学函数Exp使用说明
2012/08/09 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
2012/09/14 Javascript
IE下写xml文件的两种方式(fso/saveAs)
2013/08/05 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
网页中JS函数自动执行常用三种方法
2016/03/30 Javascript
Bootstrap每天必学之附加导航(Affix)插件
2016/04/25 Javascript
Bootstrap自定义文件上传下载样式
2016/05/26 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
2017/01/15 Javascript
JS传参及动态修改页面布局
2017/04/13 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
nodejs的路径问题的解决
2018/06/30 NodeJs
JavaScript怎样在删除前添加确认弹出框?
2019/05/27 Javascript
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
Python中atexit模块的基本使用示例
2015/07/08 Python
python中星号变量的几种特殊用法
2016/09/07 Python
解决python读取几千万行的大表内存问题
2018/06/26 Python
python安装pywin32clipboard的操作方法
2019/01/24 Python
numpy linalg模块的具体使用方法
2019/05/26 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
python爬虫中PhantomJS加载页面的实例方法
2020/11/12 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
大三学生入党思想汇报
2014/01/02 职场文书
高一地理教学反思
2014/01/18 职场文书
入党思想汇报怎么写
2014/04/03 职场文书
学习张林森心得体会
2014/09/10 职场文书
孕妇离婚协议书范本
2014/11/20 职场文书
毕业生学校组织意见
2015/06/04 职场文书
导游词之永济鹳雀楼
2020/01/16 职场文书
引用计数法和root搜索算法以及JVM中判定对象需要回收的方法
2022/04/19 Java/Android