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 相关文章推荐
利用毫秒减值计算时长的js代码
Sep 22 Javascript
js 限制input只能输入数字、字母和汉字等等
Dec 18 Javascript
取得元素的左和上偏移量的方法
Sep 17 Javascript
使用coffeescript编写node.js项目的方法汇总
Aug 05 Javascript
详解JavaScript的回调函数
Nov 20 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
Apr 26 Javascript
jQuery.Callbacks()回调函数队列用法详解
Jun 14 Javascript
Vue2实现组件props双向绑定
Dec 02 Javascript
详解基于webpack搭建react运行环境
Jun 01 Javascript
Angular中ng-repeat与ul li的多层嵌套重复问题
Jul 24 Javascript
angular使用md5,CryptoJS des加密的方法
Jun 03 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 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方法调用模式与函数调用模式简例
2011/09/20 PHP
PHP设计模式之迭代器模式的深入解析
2013/06/13 PHP
PHP中CURL的CURLOPT_POSTFIELDS参数使用细节
2014/03/17 PHP
PHP解密支付宝小程序的加密数据、手机号的示例代码
2021/02/26 PHP
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
onclick与listeners的执行先后问题详细解剖
2013/01/07 Javascript
jquery根据锚点offset值实现动画切换
2014/09/11 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
2015/02/10 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
2016/05/17 Javascript
详解JavaScript节流函数中的Throttle
2016/07/16 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
2016/09/09 Javascript
javascript replace()第二个参数为函数时的参数用法
2016/12/26 Javascript
解决vue页面刷新或者后退参数丢失的问题
2018/03/13 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
tracking.js页面人脸识别插件使用方法
2020/04/16 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
Python学习资料
2007/02/08 Python
复习Python中的字符串知识点
2015/04/14 Python
开始着手第一个Django项目
2015/07/15 Python
玩转python爬虫之cookie使用方法
2016/02/17 Python
Python基于Tkinter模块实现的弹球小游戏
2018/12/27 Python
对Python 检查文件名是否规范的实例详解
2019/06/10 Python
Python使用Beautiful Soup爬取豆瓣音乐排行榜过程解析
2019/08/15 Python
Python PIL库图片灰化处理
2020/04/07 Python
解决python对齐错误的方法
2020/07/16 Python
全球酒店比价网:HotelsCombined
2017/06/20 全球购物
程序员经常用到的UNIX命令
2015/04/13 面试题
通信工程专业女生个人求职信
2013/09/21 职场文书
入学生会自荐书范文
2014/02/05 职场文书
门店业绩提升方案
2014/06/08 职场文书
小学生推普周国旗下讲话稿
2014/09/21 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
小学班长竞选稿
2015/11/20 职场文书
2019教师的学习计划
2019/06/25 职场文书