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 相关文章推荐
漂亮的仿flash菜单,来自蓝色经典
Jun 26 Javascript
用javascript实现的仿Flash广告图片轮换效果
Apr 24 Javascript
ASP中用Join和Array,可以加快字符连接速度的代码
Aug 22 Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 Javascript
js获取form的方法
May 06 Javascript
JS实现仿QQ聊天窗口抖动特效
May 10 Javascript
javascript中的altKey 和 Event属性大全
Nov 06 Javascript
基于jQuery实现简单的折叠菜单效果
Nov 23 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
Jan 03 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
Mar 05 Javascript
解决vue里碰到 $refs 的问题的方法
Jul 13 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 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
Yii学习总结之数据访问对象 (DAO)
2015/02/22 PHP
PHP统计目录中文件以及目录中目录大小的方法
2016/01/09 PHP
使用ltrace工具跟踪PHP库函数调用的方法
2016/04/25 PHP
PHP 网站修改默认访问文件的nginx配置
2017/05/27 PHP
jQuery学习笔记[1] jQuery中的DOM操作
2010/12/03 Javascript
js 回车提交表单两种实现方法
2012/12/31 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
javascript数组快速打乱重排的方法
2014/01/02 Javascript
用javascript关闭本窗口技巧小结
2014/09/05 Javascript
实现placeholder效果的方案汇总
2015/06/11 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
详谈js中标准for循环与foreach(for in)的区别
2017/11/02 Javascript
关于vue状态过渡transition不起作用的原因解决
2019/04/09 Javascript
微信小程序文章详情功能完整实例
2020/06/03 Javascript
react中hook介绍以及使用教程
2020/12/11 Javascript
Python安装Imaging报错:The _imaging C module is not installed问题解决方法
2014/08/22 Python
Python实现数据库并行读取和写入实例
2017/06/09 Python
python 动态加载的实现方法
2017/12/22 Python
Python中pillow知识点学习
2018/04/30 Python
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
浅谈python编译pyc工程--导包问题解决
2019/03/20 Python
谈一谈基于python的面向对象编程基础
2019/05/21 Python
python多线程扫描端口(线程池)
2019/09/04 Python
使用pandas实现连续数据的离散化处理方式(分箱操作)
2019/11/22 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
使用Pycharm分段执行代码
2020/04/15 Python
英国香水店:The Perfume Shop
2017/03/27 全球购物
私有程序集与共享程序集有什么区别
2013/04/05 面试题
迎八一活动主题
2014/01/31 职场文书
手机银行营销方案
2014/03/14 职场文书
云南省召开党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
大学生操行评语大全
2014/12/31 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
python基于turtle绘制几何图形
2021/06/15 Python
Python编程根据字典列表相同键的值进行合并
2021/10/05 Python
AndroidStudio图片压缩工具ImgCompressPlugin使用实例
2022/08/05 Java/Android