032遍历表单的所有控件
2017-04-09 12:44
183 查看
在document下内置了一个数组变量forms,表示当前网页下的所有表单。
通过表单form下的elements变量获得所有的控件。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>遍历表单的所有控件</title>
<script>
//遍历表单的所有控件
function getValues() {
var f = document.forms[0]; //获取表单DOM
var elements = f.elements; //获取所有的控件数组
var str = "";
//循环遍历
for(var i = 0; i < elements.length; i++) {
var e = elements[i]; //当前的控件
str += e.value; //拼接控件的值
str += "\n"; //拼接分隔符
}
alert(str); //用提示框展示结果
}
</script>
</head>
<body style="text-align: center;">
<!--定义表单-->
<form>
文本框:<input type="text" name="myText" />
<br /> 单选框:
<input type="radio" name="myRadio" value="1" />
<input type="radio" name="myRadio" value="2" />
<br /> 下拉列表:
<select name="mySelect">
<option value="">==请选择==</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br />
<input type="button" value="得到所有控件的值" onclick="getValues();" />
</form>
</body>
</html>
通过表单form下的elements变量获得所有的控件。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>遍历表单的所有控件</title>
<script>
//遍历表单的所有控件
function getValues() {
var f = document.forms[0]; //获取表单DOM
var elements = f.elements; //获取所有的控件数组
var str = "";
//循环遍历
for(var i = 0; i < elements.length; i++) {
var e = elements[i]; //当前的控件
str += e.value; //拼接控件的值
str += "\n"; //拼接分隔符
}
alert(str); //用提示框展示结果
}
</script>
</head>
<body style="text-align: center;">
<!--定义表单-->
<form>
文本框:<input type="text" name="myText" />
<br /> 单选框:
<input type="radio" name="myRadio" value="1" />
<input type="radio" name="myRadio" value="2" />
<br /> 下拉列表:
<select name="mySelect">
<option value="">==请选择==</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br />
<input type="button" value="得到所有控件的值" onclick="getValues();" />
</form>
</body>
</html>
相关文章推荐
- 遍历form表单下的所有控件
- 如何在ASP.NET下遍历指定页面上所有控件
- 遍历页面内所有一类控件并做相关操作
- 关于类的入门例子(8): 遍历窗体中所有控件的函数
- 如何在ASP.NET下遍历指定页面上所有控件
- 递归遍历winForm 上所有控件
- 在代码隐藏中遍历当前页的所有控件
- ASP.NET中的状态管理 在代码隐藏中遍历当前页的所有控件
- 遍历页面上的所有控件
- 遍历页面上的所有控件
- 如何在ASP.NET下遍历指定页面上所有控件[原创]
- 如何在ASP.NET下遍历指定页面上所有控件
- 遍历窗体中的所有TextBox控件,并为其赋值
- 如何在Asp.Net下遍历指定页面上的所有控件
- 遍历页面上的所有控件
- 如何在ASP.NET下遍历指定页面上所有控件
- 在代码隐藏中遍历当前页的所有控件的方法
- 如何在ASP.NET下遍历指定页面上所有控件
- 遍历页面上所有的TextBox控件并将其设置为空值
- 如何利用反射遍历某个页面下所有的控件的值!??