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中出现乱码的处理心得
Dec 24 Javascript
Javascript中克隆一个数组的实现代码
Dec 06 Javascript
Javascript中的高阶函数介绍
Mar 15 Javascript
jQuery实用技巧必备(中)
Nov 03 Javascript
js实现HashTable(哈希表)的实例分析
Nov 21 Javascript
js实现自动轮换选项卡
Jan 13 Javascript
前端构建工具之gulp的配置与搭建详解
Jun 12 Javascript
JavaScript中arguments和this对象用法分析
Aug 08 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
Apr 11 Javascript
JS 自执行函数原理及用法
Aug 05 Javascript
vue Tab切换以及缓存页面处理的几种方式
Nov 05 Javascript
leaflet加载geojson叠加显示功能代码
Feb 21 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加密扩展库Mcrypt安装和实例
2013/11/10 PHP
php生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
ThinkPHP2.0读取MSSQL提示Incorrect syntax near the keyword 'AS'的解决方法
2014/06/25 PHP
win7 64位系统 配置php最新版开发环境(php+Apache+mysql)
2014/08/15 PHP
php一行代码获取文件后缀名实例分析
2014/11/12 PHP
php实现随机显示图片方法汇总
2015/05/21 PHP
php实现微信小程序授权登录功能(实现流程)
2019/11/13 PHP
用Javascript实现UTF8编码转换成gb2312编码
2006/12/22 Javascript
Track Image Loading效果代码分析
2007/08/13 Javascript
JavaScript实现的一个计算数字步数的算法分享
2014/12/06 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
JavaScript鼠标特效大全
2016/09/13 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
2016/11/07 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
使用js实现一个简单的滚动条过程解析
2019/09/10 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
2020/09/11 Javascript
[03:01]2014DOTA2国际邀请赛 DC:我是核弹粉,为Burning和国土祝福
2014/07/13 DOTA
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
[41:52]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第二场 2月22日
2021/03/11 DOTA
python pickle 和 shelve模块的用法
2013/09/16 Python
玩转python爬虫之cookie使用方法
2016/02/17 Python
Python爬虫实现(伪)球迷速成
2018/06/10 Python
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
python使用zip将list转为json的方法
2018/12/31 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
keras中epoch,batch,loss,val_loss用法说明
2020/07/02 Python
纯css3实现图片翻牌特效
2015/03/10 HTML / CSS
HTML5新增form控件和表单属性实例代码详解
2019/05/15 HTML / CSS
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
公司庆典邀请函范文
2014/01/13 职场文书
竞选宣传委员演讲稿
2014/05/24 职场文书
委托书怎么写
2014/07/31 职场文书
产品质量保证书范本
2015/02/27 职场文书
Python中Permission denied的解决方案
2021/04/02 Python
Go 中的空白标识符下划线
2022/03/25 Golang