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 学习点滴记录
Apr 24 Javascript
跟着Jquery API学Jquery之一 选择器
Apr 07 Javascript
让JavaScript拥有类似Lambda表达式编程能力的方法
Sep 12 Javascript
ExtJS如何设置与获取radio控件的选取状态
Jan 22 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
Dec 10 Javascript
JavaScript必知必会(二) null 和undefined
Jun 08 Javascript
微信小程序 获取session_key和openid的实例
Aug 17 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
详解Vue-cli webpack移动端自动化构建rem问题
Apr 07 Javascript
bootstrap table表格插件之服务器端分页实例代码
Sep 12 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
Dec 10 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 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对mongodb的扩展(初出茅庐)
2012/11/11 PHP
PHP函数addslashes和mysql_real_escape_string的区别
2014/04/22 PHP
php根据地址获取百度地图经纬度的实例方法
2019/09/03 PHP
uploadify 3.0 详细使用说明
2012/06/18 Javascript
JS取得绝对路径的实现代码
2015/01/16 Javascript
jQuery实现3D文字特效的方法
2015/03/10 Javascript
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
2016/06/03 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
BOM系列第二篇之定时器requestAnimationFrame
2016/08/17 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
基于Bootstrap仿淘宝分页控件实现代码
2016/11/07 Javascript
javascript防篡改对象实例详解
2017/04/10 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
2018/09/27 Javascript
基于javascript的拖拽类封装详解
2019/04/19 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
[15:39]教你分分钟做大人:龙骑士
2014/10/30 DOTA
[00:58]他们到底在电话里听到了什么?
2017/11/21 DOTA
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
浅谈Python中重载isinstance继承关系的问题
2018/05/04 Python
python:print格式化输出到文件的实例
2018/05/14 Python
python requests库爬取豆瓣电视剧数据并保存到本地详解
2019/08/10 Python
pytorch多GPU并行运算的实现
2019/09/27 Python
Python短信轰炸的代码
2020/03/25 Python
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
AmazeUI 图标的示例代码
2020/08/13 HTML / CSS
Yves Rocher伊夫·黎雪美国官网:法国始创植物美肌1959
2019/01/09 全球购物
泰国排名第一的家居用品中心:HomePro
2020/11/18 全球购物
综合办公室个人的自我评价
2013/12/22 职场文书
自考生自我评价分享
2014/01/18 职场文书
法律进机关实施方案
2014/03/12 职场文书
销售总经理岗位职责
2014/03/15 职场文书
一位农村小子的自荐信
2014/04/07 职场文书
2016见义勇为事迹材料汇总
2016/03/01 职场文书
TS 类型兼容教程示例详解
2022/09/23 Javascript