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 相关文章推荐
JQuery团队打造的javascript单元测试工具QUnit介绍
Feb 26 Javascript
jQuery Clone Bug解决代码
Dec 22 Javascript
javascript学习笔记(十四) window对象使用介绍
Jun 20 Javascript
实例详解angularjs和ajax的结合使用
Oct 22 Javascript
javascript基本语法
May 31 Javascript
webpack4 optimization使用总结
Nov 10 Javascript
使用vue重构资讯页面的实例代码解析
Nov 26 Javascript
html-webpack-plugin修改页面的title的方法
Jun 18 Javascript
vue解决跨域问题(推荐)
Nov 10 Javascript
vue祖孙组件之间的数据传递案例
Dec 07 Vue.js
小程序中手机号识别的示例
Dec 14 Javascript
vue如何在data中引入图片的正确路径
Jun 05 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
将文件夹压缩成zip文件的php代码
2009/12/14 PHP
WordPres对前端页面调试时的两个PHP函数使用小技巧
2015/12/22 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
2006/12/22 Javascript
获取当前网页document.url location.href区别总结
2008/05/10 Javascript
JS仿flash上传头像效果实现代码
2011/07/18 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
2013/12/13 Javascript
JS实现文件动态顺序载入的方法
2015/03/07 Javascript
jQuery中 delegate使用的问题
2015/07/03 Javascript
逻辑表达式中与或非的用法详解
2016/06/06 Javascript
简单实现js间歇或无缝滚动效果
2016/06/29 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
浅析Vue.js 中的条件渲染指令
2018/11/19 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
2020/04/10 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
JavaScript的一些小技巧分享
2021/01/06 Javascript
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
python使用线程封装的一个简单定时器类实例
2015/05/16 Python
用Python编写简单的微博爬虫
2016/03/04 Python
基于Python和Scikit-Learn的机器学习探索
2017/10/16 Python
TensorFlow实现AutoEncoder自编码器
2018/03/09 Python
python中subprocess批量执行linux命令
2018/04/27 Python
详解python Todo清单实战
2018/11/01 Python
Python3.4学习笔记之列表、数组操作示例
2019/03/01 Python
Form表单及django的form表单的补充
2019/07/25 Python
中国专业的综合网上购物商城:京东
2016/08/02 全球购物
碧欧泉美国官网:Biotherm美国
2016/08/31 全球购物
德国最大的网上足球商店:11teamsports
2019/09/11 全球购物
领导干部培训感言
2014/01/23 职场文书
五四青年节的活动方案
2014/08/20 职场文书
优秀教师个人材料
2014/12/15 职场文书
2015-2016年小学教导工作总结
2015/07/21 职场文书
宝宝满月祝酒词
2015/08/10 职场文书
字典算法实现及操作 --python(实用)
2021/03/31 Python
Golang 编译成DLL文件的操作
2021/05/06 Golang