用dhtml添加出來的列表控件引用不到？？

Question

<form name="form1">
<table id="tbl" border="1">
<tr>
<td id="td1"></td>
</tr>
</table>
</form>
<hr>
<input type="button" value="add select" onclick="add()">
<input type="button" value="get select" onclick="get()"><script>
function add()
{
var objTd = document.getElementById("td1");
if (objTd == null) return; var objSelect = document.createElement("SELECT");
objSelect.name = "select1"
for (var i = 0; i < 10; i++)
{
objSelect.options[i] = Option.create("text---" + i, i);
}
objTd.appendChild(objSelect);
form1.elements[objSelect.name] = objSelect;
}function get()
{
alert(form1.select1);
}
</script>
PS:用DHTML在Form里添加控件时，Form.elements的长度并不会自动增长的。
调用了这句“form1.elements[objSelect.name] = objSelect;”后，就可以使用form.selectName来引用控件了。