下拉菜单中的限制选项答案

【问题标题】：limiting option in dropdown下拉菜单中的限制选项
【发布时间】：2013-11-20 19:48:31
【问题描述】：

我有超过 100 个选项的下拉菜单，默认显示 20 个选项以供我们需要滚动。

我需要将选项减少为 10 而不是 20。我在选择标签中使用了 size 参数，它显示如下

我需要像下拉菜单这样的显示，谁能帮我解决这个问题。

谢谢，

【问题讨论】：

你有代码吗？
How can I limit the visible options in an HTML <select> dropdown? 的可能重复项
要显示为下拉菜单，您不能使用我不认为的尺寸
stackoverflow.com/questions/14778992/…, stackoverflow.com/questions/8530173/… 看到这个链接。

标签： php jquery html css

【解决方案1】：

你可以使用select的size属性来限制可见元素

<select size="10">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

如果控件显示为滚动列表框，则该属性表示列表中应在以下位置可见的行数一度。浏览器不需要将选择元素呈现为滚动列表框。默认值为 0，Reference。

【讨论】：

我用过，但它显示的像我附上的上图。我需要作为下拉菜单

【解决方案2】：

检查一下

<select name="numbers" size="5">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
</select>

http://jsfiddle.net/cSSjF/

【讨论】：

我用过，但它显示的像我附上的上图。我需要作为下拉菜单

【解决方案3】：

为选择元素添加size 选项意味着它将仅显示您在size 属性中输入的选项数。

对于只显示 20 个，您可以使用 css 技巧。

为下拉列表指定高度，然后使其尽可能高，以显示所需的选项。

希望这会有所帮助。

【讨论】：