JavaScript获取表单内所有元素值的方法
本文实例讲述了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程序设计有所帮助。
相关推荐
-
js获取form表单所有数据的简单方法
在HTML中用js获取通过GET.POST方法(就是在网址后加?a=b&c=d之类)传过来的表单值. 针对大家常用的获取表单方式,很多时候都是在重复的写一些代码,今天给大家贴出来的代码可以作为公用方法直接调用.可以提高大家的开发效率. Js代码 <script type="text/javascript"> //获取指定form中的所有的<input>对象 function getElements(formId) { var form = documen
-
js获取form的方法
本文实例讲述了js获取form的方法.分享给大家供大家参考.具体如下: 先来看下面代码: <html> <head> <scirpy> window.onload=function(){ var f1=document.f1; var f2=document.forms[1]; alert(f2.id); var f3=document.forms['f1']; } </script> </head> <body> <form
-
Javascript和Java获取各种form表单信息的简单实例
大家都知道我们在提交form的时候用了多种input表单.可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的.有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用.上代码: Jsp-html代码: 复制代码 代码如下: <form action="input.do" name="formkk"> &
-
JavaScript获取表单内所有元素值的方法
本文实例讲述了JavaScript获取表单内所有元素值的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.aspx"> First name: <input type="text" name="fname
-
Javascript获取表单名称(name)的方法
本文实例讲述了Javascript获取表单名称(name)的方法.分享给大家供大家参考.具体如下: 下面的代码通过表单的name属性获得表单名称 <!DOCTYPE html> <html> <body> <form id="frm1" name="form1"> First name: <input type="text" name="fname" value="
-
javascript 获取iframe里页面中元素值的方法
IE方法:document.frames['myFrame'].document.getElementById('test').value; 火狐方法:document.getElementById('myFrame').contentWindow.document.getElementById('test').value; IE.火狐方法: 复制代码 代码如下: function getValue(){ var tmp = ''; if(document.frames){ tmp += 'ie
-
jQuery操作DOM之获取表单控件的值
本文实例讲述了jQuery操作DOM之获取表单控件的值.分享给大家供大家参考.具体分析如下: HTML属性与DOM属性差别最大的地方,恐怕就要数表单控件的值了.比如,文本输人框的 value属性在DOM中的属性叫defaultValue,DOM中就没有value属性.而选项列表(select) 元素呢,其选项的值在DOM中通常是通过selectedIndex属性,或者通过其选项元素的 selected属性来取得. 由于存在这些差异,在取得和设置表单控件的值时,最好不要使用.attr()方法.而对
-
JavaScript获取表单enctype属性的方法
本文实例讲述了JavaScript获取表单enctype属性的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html> <html> <body> <form id="frm1" enctype="text/plain"> First name: <input type="text" name="fname" value="Donald"&
-
jquery控制表单输入框显示默认值的方法
本文实例讲述了jquery控制表单输入框显示默认值的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html> <head> <script language="javascript" src="jquery-1.6.2.min.js"></script> <script type="text/javascript"> $(document)
-
JavaScript判断表单为空及获取焦点的方法
本文实例讲述了JavaScript判断表单为空及获取焦点的方法.分享给大家供大家参考,具体如下: <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <html> <head> <meta http-equiv="Content
-
表单内同名元素的控制
复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>同名元素的控制</title> <script language="javascript"> function setFlag(aObj)
-
javascript 获取表单file全路径
具体代码如下: 复制代码 代码如下: <html> <head> <title>get file input full path</title> <script language='javascript'> function getFullPath(obj) { if(obj) { //ie if (window.navigator.userAgent.indexOf("MSIE")>=1) { obj.select()
-
Ajax中通过JS代码自动获取表单元素值的示例代码
我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理.如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了. function getFormQueryString(frmID) //frmID是表单的ID号,请在表单form中先命名一个ID号 { var frmID=document.getElementById(f
随机推荐
- MongoDB数据更新方法干货篇
- 手机端转盘抽奖代码分享
- Android开发控制ScrollView滑动速度的方法
- Java使用continue语句的实例详解
- Java中实现String.padLeft和String.padRight的示例
- 详解Java MyBatis 插入数据库返回主键
- 父元素与子iframe相互获取变量和元素对象的具体实现
- 删除无限分类并同时删除它下面的所有子分类的方法
- Python的math模块中的常用数学函数整理
- Python手机号码归属地查询代码
- C#中使用split分割字符串的几种方法小结
- python实现随机密码字典生成器示例
- 一次载入2个vbs脚本的方法
- 用bat批处理实现163邮箱自动登陆的代码[已测]
- 实例讲解SQL Server加密功能
- sqlserver 通用分页存储过程
- JQuery中Text方法用法实例分析
- node.js中的events.emitter.once方法使用说明
- nodejs实现黑名单中间件设计
- yii实现级联下拉菜单的方法