如何将ListBox的高度设置为auto

Question

我有一个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>

我需要将此高度设置为auto,即我不希望滚动条出现.

我试过Height:auto;但它不适用于IE.

我该怎么做？

Answer 1

将size属性设置为项目数,如下所示:

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

如果需要以编程方式执行,可以将所有<select>元素设置为其选项长度,如下所示:

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

你可以在这里测试一下.