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 相关文章推荐
背景音乐每次刷新都可以自动更换
Feb 01 Javascript
JQuery为textarea添加maxlength属性的代码
Apr 07 Javascript
用jquery实现等比例缩放图片效果插件
Jul 24 Javascript
javascript元素动态创建实现方法
May 13 Javascript
jQuery原理系列-css选择器的简单实现
Jun 07 Javascript
几句话带你理解JS中的this、闭包、原型链
Sep 26 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
Oct 04 Javascript
jquery append与appendTo方法比较
May 24 jQuery
vue编译打包本地查看index文件的方法
Feb 23 Javascript
JS实现的全选、全不选及反选功能【案例】
Feb 19 Javascript
vue调用语音播放的方法
Sep 27 Javascript
vue+elementui通用弹窗的实现(新增+编辑)
Jan 07 Vue.js
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跨站刷票的实现代码
2013/06/18 PHP
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
PHP多维数组元素操作类的方法
2016/11/14 PHP
Alliance vs Liquid BO3 第一场2.13
2021/03/10 DOTA
Extjs学习笔记之三 extjs form更多的表单项
2010/01/07 Javascript
js function使用心得
2010/05/10 Javascript
单击复制文字兼容各浏览器的完美解决方案
2013/07/04 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
2013/11/28 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
2013/12/05 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
jquery获取复选框被选中的值
2014/04/10 Javascript
Node.js实现在目录中查找某个字符串及所在文件
2014/09/03 Javascript
jquery中EasyUI实现异步树
2015/03/01 Javascript
javascript中if和switch,==和===详解
2015/07/30 Javascript
使用JQuery 加载页面时调用JS的实现方法
2016/05/30 Javascript
Node.js对MongoDB进行增删改查操作的实例代码
2019/04/18 Javascript
Vue中多元素过渡特效的解决方案
2020/02/05 Javascript
Python smallseg分词用法实例分析
2015/05/28 Python
python删除列表内容
2015/08/04 Python
python杀死一个线程的方法
2015/09/06 Python
Python 3.x读写csv文件中数字的方法示例
2017/08/29 Python
Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)
2018/03/19 Python
Python操作mongodb数据库进行模糊查询操作示例
2018/06/09 Python
python实现一行输入多个值和一行输出多个值的例子
2019/07/16 Python
python实现计算器功能
2019/10/31 Python
Python数据可视化:顶级绘图库plotly详解
2019/12/07 Python
使用python 的matplotlib 画轨道实例
2020/01/19 Python
HTML5地理定位_动力节点Java学院整理
2017/07/12 HTML / CSS
俄罗斯茶和咖啡网上商店:Tea.ru
2021/01/26 全球购物
小学生暑假感言
2014/02/06 职场文书
新学期教师寄语
2014/04/02 职场文书
《称象》教学反思
2014/04/25 职场文书
优秀家长事迹材料
2014/05/17 职场文书
500字小学生检讨书
2015/02/19 职场文书
JavaScript的Set数据结构详解
2022/02/18 Javascript
Vue操作Storage本地化存储
2022/04/29 Vue.js