在下拉框中调整列表的高度

时间:2011-04-08 20:51:07

标签: javascript jquery html

  

可能重复:
  height of the dropdown box display

如何在下拉框中调整列表的高度,因为我在下拉框中加载了太多的值。例如,它只显示10个条目,并使用滚动条查看剩余条目。有谁知道这是怎么做到的吗?


这不是我想要的 this is not what I want


I want this ,which only display 5 option and with scrollbars to see remaining 我想要这个,它只显示5个选项,滚动条显示剩余的

2 个答案:

答案 0 :(得分:1)

你的意思是?:

 <select size="234">

答案 1 :(得分:1)

使用以下代码:

<select size="10" id="items">
    <option value="a1">A1</option>
    <option value="b1">B1</option>
    <option value="c1">C1</option>
    <option value="d1">D1</option>
    <option value="e1">E1</option>
    <option value="a2">A2</option>
    <option value="b2">B2</option>
    <option value="c2">C2</option>
    <option value="d2">D2</option>
    <option value="e2">E2</option>
</select>

其中10是一次显示的项目数。一定要考虑到小分辨率的人,如果你太大,他们可能无法看到所有的项目。有关此设置的详细信息,请参阅以下链接:

http://www.w3schools.com/tags/att_select_size.asp

修改

上面的代码会使select看起来像一个列表框。您无法控制选择对象的大小,仍然保持其外观相同。由于它是应用程序级别控件,因此Web浏览器会呈现它并且不允许此设置。有关更多信息,请参阅以下具有相同问题的Stack Overflow页面:

Height of an HTML select box (dropdown)