用JS怎么获取HTML页面上的控件数组<input type="text" name="myarr[1]">

用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;//返回包含以該命名規則命名的所有控件    }