读书人

用JS怎么获取HTML页面上的控件数组lt;in

发布时间: 2012-03-02 14:40:28 作者: rapoo

用JS如何获取HTML页面上的控件数组<input type="text" name="myarr[1]">这种?
一个HTML页面内有20个控件,类型有TEXT SELECT,命名时采用数组形式。
请问如何用JS获取每个控件的值?
再请问下,如果获取时不是以数组形式,那通过什么方法或函数可以生成数组?
因为最终目的是,JS做验证,形成数组传给PHP的。

谢谢。


代码如:
<script language="javascript">
function validate()
{
alert('test');
return false;
}
</script>
<form id="form1" name="form1" method="post" action="" onSubmit="javascript:return validate()">
<p>
<input type="text" name="myarr[1]" id="myarr[1]">
</p>
<p>
<input type="text" name="myarr[2]" id="myarr[2]">
</p>
<p>
<input type="text" name="myarr[3]" id="myarr[3]">
</p>
<p>
<select name="myarr[4]" id="myarr[4]">
</select>
</p>
<p>
<input type="Submit" name="btnSubmit" id="btnSubmit" value="提交">
</p>
</form>

[解决办法]
document.Element
[解决办法]

JScript code
function validate()    {        var array = GetControlArray();                for (var i = 0; i < array.length; i++)        {            alert(array[i].tagName);        }                return false;    }        function GetControlArray()    {        var arrayControl =  new Array();                for (var i = 1; i <= 4; i++)//i置你以某命名命名的控件量        {            arrayControl[i - 1] = document.getElementById('myarr[' + i + ']');//把以命名命名的控件都放在arrayControl中        }                return arrayControl;//返回包含以命名命名的所有控件    } 

读书人网 >JavaScript

热点推荐