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 相关文章推荐
父子窗体间传递JSON格式的数据的代码
Dec 25 Javascript
如何确保JavaScript的执行顺序 之实战篇
Mar 03 Javascript
使用jQuery.fn自定义jQuery翻页插件
Jan 20 Javascript
jquery与prototype框架的详细对比
Nov 21 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
Jun 18 Javascript
手机Web APP如何实现分享多平台功能
Aug 19 Javascript
JS对象和字符串之间互换操作实例分析
Feb 02 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
Feb 21 Javascript
简述pm2常用命令集合及配置文件说明
May 30 Javascript
vue中使用极验验证码的方法(附demo)
Dec 04 Javascript
浅析JavaScript 函数柯里化
Sep 08 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
Nov 05 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字符转义相关函数小结(php下的转义字符串)
2007/04/12 PHP
php实现文件下载功能的几个代码分享
2014/05/10 PHP
PHP判断是否为空的几个函数对比
2015/04/21 PHP
phpStudy2016 配置多个域名期间遇到的问题小结
2017/10/19 PHP
从阶乘函数对比Javascript和C#的异同
2012/05/31 Javascript
Lua表达式和控制结构学习笔记
2014/12/15 Javascript
生成二维码方法汇总
2014/12/26 Javascript
Sublime Text 3常用插件及安装方法
2015/12/16 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
2016/06/21 Javascript
JS与jQuery实现隔行变色的方法
2016/09/09 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
B/S(Web)实时通讯解决方案分享
2017/04/06 Javascript
vue子组件使用自定义事件向父组件传递数据
2017/05/27 Javascript
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
解决循环中setTimeout执行顺序的问题
2018/06/20 Javascript
Angular4 Select选择改变事件的方法
2018/10/09 Javascript
vue鼠标悬停事件实例详解
2019/04/01 Javascript
vue中对象数组去重的实现
2020/02/06 Javascript
在NodeJs中使用node-schedule增加定时器任务的方法
2020/06/08 NodeJs
[05:39]2014DOTA2国际邀请赛 DK晋级胜者组专访战队国士无双
2014/07/14 DOTA
python模拟登陆阿里妈妈生成商品推广链接
2014/04/03 Python
Python单例模式实例详解
2017/03/01 Python
微信跳一跳自动运行python脚本
2018/01/08 Python
windows下python和pip安装教程
2018/05/25 Python
解决Python计算矩阵乘向量,矩阵乘实数的一些小错误
2019/08/26 Python
Python连接Impala实现步骤解析
2020/08/04 Python
Django如何使用asyncio协程和ThreadPoolExecutor多线程
2020/10/12 Python
纯净、自信、100%的羊绒服装:360Cashmere
2021/02/20 全球购物
《花瓣飘香》教学反思
2014/04/15 职场文书
家长建议怎么写
2014/05/15 职场文书
环保标语口号
2014/06/13 职场文书
环境卫生倡议书
2014/08/29 职场文书
个人反四风对照检查材料思想汇报
2014/09/23 职场文书
铣工实训报告
2014/11/05 职场文书
运动会运动员赞词
2015/07/22 职场文书
8个JS的reduce使用实例和reduce操作方式
2021/10/05 Javascript