关于Select的一个怪异问题

[huanmm]

在Html代码中有如下select框
<select name="testSelect">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
</select>
<input type=button value=delete onclick="doDelete()">

点击button后的js函数如下
function doDelete() {
document.myform.testSelect.length = 0;
}

我的目的是点击button以后，清空select中的内容，但是现在遇到一个非常怪异的问题：
当select中的option数小于等于11个的时候，是正常的，内容删除了，而且select也拉不下来（因为没有内容）
但是当select中的option数大于等于12个的时候，select中的内容可以删除，但是下拉框的长度没有变，拉下来之后是一个长长的空板。

请问有没有人遇到过同样的问题？是我doDelete里面写错了吗？

[slayerbb]

IE问题

[dsclub]

select 拉不下来，那样正常么？
<select></select>在你那里是什么样子的呢？

<script language="JavaScript" type="text/javascript">
<!--
function doDelete() {
document.getElementById("testSelect").length = 0;
}
//-->
</script>

[山雨欲来-风满楼]

应该是ＩＥ问题啦,空白就空白,只要不能选择就OK了.
不会是仅文字空白,但还是可以选那一项...

[meizz]

document.myform.testSelect.options.length = 0;