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学习网址备忘
May 29 Javascript
JavaScript 学习笔记一些小技巧
Mar 28 Javascript
js循环改变div颜色具体方法
Jun 25 Javascript
javascript实现网站加入收藏功能
Dec 16 Javascript
浅谈Sublime Text 3运行JavaScript控制台
Jun 06 Javascript
通过JS获取Request.QueryString()参数的值实现方法
Sep 27 Javascript
Bootstrap文件上传组件之bootstrap fileinput
Nov 25 Javascript
jQuery实现可移动选项的左右下拉列表示例
Dec 26 Javascript
js调用刷新界面的几种方式
May 03 Javascript
详解vue2.0脚手架的webpack 配置文件分析
May 27 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
Mar 07 Javascript
vue的webcamjs集成方式
Nov 16 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框架查询构造器 CURD操作示例
2019/09/04 PHP
HTML TO JavaScript 转换
2006/06/26 Javascript
mapper--图片热点区域高亮组件官方站点
2007/12/22 Javascript
jQuery中jqGrid分页实现代码
2011/11/04 Javascript
javascript操作excel生成报表全攻略
2014/05/04 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
2015/12/29 Javascript
浅析jQuery 3.0中的Data
2016/06/14 Javascript
jquery动态创建div与input的实例代码
2016/10/12 Javascript
实例浅析js的this
2016/12/11 Javascript
微信小程序微信支付接入开发实例详解
2017/04/12 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
node.js操作MongoDB的实例详解
2017/10/11 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
2018/09/03 Javascript
详解js模板引擎art template数组渲染的方法
2018/10/09 Javascript
element el-input directive数字进行控制
2018/10/11 Javascript
React 使用Hooks简化受控组件的状态绑定
2019/03/18 Javascript
基于Proxy的小程序状态管理实现
2019/06/14 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
vue 组件内获取actions的response方式
2019/11/08 Javascript
解决vue自定义全局消息框组件问题
2019/11/22 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
Python向MySQL批量插数据的实例讲解
2018/03/31 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
Virtualenv 搭建 Py项目运行环境的教程详解
2020/06/22 Python
基于python实现MQTT发布订阅过程原理解析
2020/07/27 Python
使用Python将xmind脑图转成excel用例的实现代码(一)
2020/10/12 Python
css3 实现圆形旋转倒计时
2018/02/24 HTML / CSS
CSS3实现文字描边的2种方法(小结)
2020/02/14 HTML / CSS
使用canvas来完成线性渐变和径向渐变的功能的方法示例
2019/07/25 HTML / CSS
Skyscanner台湾:全球知名的旅行比价引擎
2018/07/01 全球购物
暑期培训随笔感言
2014/03/10 职场文书
升旗仪式演讲稿
2014/05/08 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
私用公车造成事故检讨书
2014/11/16 职场文书
大学生军训感言
2015/08/01 职场文书
MyBatis 动态SQL全面详解
2021/10/05 MySQL