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如何判断不同系统的浏览器类型
Oct 28 Javascript
javascript四舍五入函数代码分享(保留后几位)
Dec 10 Javascript
JavaScript验证图片类型(扩展名)的函数分享
May 05 Javascript
javascript弹出窗口实现代码
Nov 12 Javascript
Three.js学习之网格
Aug 10 Javascript
vue-router 学习快速入门
Mar 01 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
Node.js中的child_process模块详解
Jun 08 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
Jul 10 Javascript
Vue导出页面为PDF格式的实现思路
Jul 31 Javascript
vuex直接赋值的三种方法总结
Sep 16 Javascript
js实现GIF图片的分解和合成
Oct 24 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
laravel自定义分页效果
2017/07/23 PHP
判断是否输入完毕再激活提交按钮
2006/06/26 Javascript
textarea中的手动换行处理的jquery代码
2011/02/26 Javascript
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
2012/06/18 Javascript
地址栏传递中文参数乱码在js里用escape转码
2013/08/28 Javascript
js函数调用的方式
2014/05/06 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
2014/08/01 Javascript
jQuery实现防止提交按钮被双击的方法
2015/03/24 Javascript
Javascript 是你的高阶函数(高级应用)
2015/06/15 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
VUEJS实战之修复错误并且美化时间(2)
2016/06/13 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
JavaScript创建对象方法实例小结
2018/09/03 Javascript
微信小程序实现滑动切换自定义页码的方法分析
2018/12/29 Javascript
vue使用map代替Aarry数组循环遍历的方法
2020/04/30 Javascript
使用TS来编写express服务器的方法步骤
2020/10/29 Javascript
java直接调用python脚本的例子
2014/02/16 Python
Python基于Tkinter的HelloWorld入门实例
2015/06/17 Python
Python实现多线程HTTP下载器示例
2017/02/11 Python
python批量查询、汉字去重处理CSV文件
2018/05/31 Python
Django如何自定义分页
2018/09/25 Python
Python 硬币兑换问题
2019/07/29 Python
python实现KNN分类算法
2019/10/16 Python
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
普通PHP程序员笔试题
2016/01/01 面试题
教师师德教育的自我评价
2013/10/31 职场文书
弘扬职业精神演讲稿
2014/03/20 职场文书
环保口号大全
2014/06/12 职场文书
财务会计求职信范文
2015/03/20 职场文书
2015年酒店客房部工作总结
2015/04/25 职场文书
Java集成swagger文档组件
2021/06/28 Java/Android
vue实现省市区联动 element-china-area-data插件
2022/04/22 Vue.js