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+ajax+C#实现无刷新操作数据库数据的简单实例
Feb 08 Javascript
当某个文本框成为焦点时即清除文本框内容
Apr 28 Javascript
js实现网页自动刷新可制作节日倒计时效果
May 27 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
Dec 05 Javascript
百度地图去掉marker覆盖物或者去掉maker的label文字方法
Jan 26 Javascript
Angularjs实现数组随机排序的方法
Oct 02 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
Feb 26 Javascript
webpack 如何解析代码模块路径的实现
Sep 04 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
vue项目实现图片上传功能
Dec 23 Javascript
JS判断数组四种实现方法详解
Jun 29 Javascript
Element-UI 使用el-row 分栏布局的教程
Oct 26 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
smarty模板引擎中内建函数if、elseif和else的使用方法
2015/01/22 PHP
PHP怎样用正则抓取页面中的网址
2016/08/09 PHP
PHP使用PDO 连接与连接管理操作实例分析
2020/04/21 PHP
代码生成器 document.write()
2007/04/15 Javascript
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
JS创建优美的页面滑动块效果 - Glider.js
2007/09/27 Javascript
基于Jquery与WebMethod投票功能实现代码
2011/01/19 Javascript
jQuery中extend函数的实现原理详解
2015/02/03 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
2017/03/23 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
JS运动改变单物体透明度的方法分析
2018/01/23 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
vue+axios+element ui 实现全局loading加载示例
2018/09/11 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
2019/02/28 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
[33:17]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[02:04]2020年夜魇暗潮预告片
2020/10/30 DOTA
使用python检测手机QQ在线状态的脚本代码
2013/02/10 Python
KMP算法精解及其Python版的代码示例
2016/06/01 Python
python按综合、销量排序抓取100页的淘宝商品列表信息
2018/02/24 Python
使用Python获取网段IP个数以及地址清单的方法
2018/11/01 Python
Python实现的特征提取操作示例
2018/12/03 Python
django如何实现视图重定向
2019/07/24 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
python中slice参数过长的处理方法及实例
2020/12/15 Python
W3C公布最新的HTML5标准草案
2008/10/17 HTML / CSS
如何让IE9以下版本(ie6/7/8)认识html5元素
2013/04/01 HTML / CSS
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
北京RT科技有限公司.net工程师面试题
2013/02/15 面试题
5.12护士节演讲稿
2014/04/30 职场文书
酒后驾车标语
2014/06/30 职场文书
运动会广播稿200米(5篇)
2014/10/15 职场文书