javascript - 如何将ListBox的高度设置为自动

Question

我有一个 Html 列表框:

 <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>

我需要将其高度设置为自动，即我不希望出现滚动条。

我试过 Height:auto; 但它在 IE 中不起作用。

我应该怎么做？

Answer 1

设置 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 .