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>

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

我试过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

Answer 2

你可以使用'line-height'eighter修改它并将值设置为'height'。

<select id="targetField" multiple="multiple" name="D1" style="width:200px; line-height:27px; float:left; height:130px;">
              <option>INDIA</option>
              <option>USA</option>
              <option>UK</option>
              <option>AUSTRALIA</option>
              <option>RUSSIA</option>
              <option>FRANCE</option>
              <option>HOLLAND</option>
</select>

希望这有帮助。

Answer 3

将size属性设置为等于项目数（选项）。

var select = $('#targetField');
select.attr('size', select[0].options.length);

Answer 4

尝试使用height:100%。它在ie6

中工作

如何将ListBox的高度设置为auto

4 个答案: