javascript – 如何将ListBox的高度设置为auto

我有一个 Html ListBox：

<select id="targetField" multiple="multiple" name="D1" style="width:200px;">
              <option>INDIA</option>
              <option>USA</option>
              <option>UK</option>
              <option>AUSTRALIA</option>
              <option>RUSSIA</option>
              <option>FRANCE</option>
              <option>HOLLAND</option>
 </select>

我需要将其高度设置为自动,即不需要滚动条显示.

我尝试了高度：自动;但它在IE中不起作用

我该怎么办？

解决方法

将 size property设置为项目数量,如下所示：

<select id="targetField" multiple name="D1" style="width:200px;" size="7">

如果您需要以编程方式执行,您可以设置所有< select>元素选择长度,如下所示：

$("select").attr("size",function() { return this.options.length; });

You can test it out here.