Select下接列表的高度

想解决这个问题，当然网上不少人也象我一样希望能找到好的方法。可是好象到现在还没有。或者Select的数据列表不应大于20？或者没有哪个国家能象我们国家能分出这么多个省吧。

搜寻了一下，感觉使用size是比较有效的方式。以下是从网上搜到的鼠标进入时主动改变size，来避免select下拉过高的问题，我去掉了他的JS脚本方法，直接写在事件上了。

<select id="jia" onmouseover="this.size='8';" onmouseout="this.size='1';">
  <option>你到底想要多高？</option>
  <option>这样够嘛？</option>
  <option>不够你就说嘛？</option>
  <option>你不说我怎么知道呢？</option> 
  <option>你说了我肯定会给你的嘛！</option>
</select>

上面的控件不需要点击就下拉选项，点击选项也不象原控件那样收起下拉选项，于是自己写了下面的代码。主要是增加了个属性（maxSize）记录最大下拉选项数。

<script type="text/javascript">
function changeSize(ctlSelect){
    if(ctlSelect.size == ctlSelect.maxSize)
        ctlSelect.size = '1';
    else
        ctlSelect.size = ctlSelect.maxSize;   
}
</script>
<select id="Select1" maxSize='20' onclick='changeSize(this);' onblur="this.size='1';" >
  <option>你到底想要多高？</option>
  <option>这样够嘛？</option>
  <option>不够你就说嘛？</option>
  <option>你不说我怎么知道呢？</option> 
  <option>你说了我肯定会给你的嘛！</option>
</select>

好了，我的代码也不是完美，如果控件选项很多，点击下拉，会先出现长的下拉选项再收回到指定的高度，感觉闪了一下，有点不舒服。尝试到此为止，不知其他人是否还有什么好点子。