Question

我想弄明白这一点。这是示例代码

<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>

你如何使这个可滚动？假设您希望它只显示3个选项，可滚动到最后一个选项，仍然是下拉菜单。许多人建议使用attr "size"附带的<select>。这将给出可滚动的效果，但不是我想到的。

这甚至可能吗？我一直在研究该论坛，许多人建议使用<div>标记样式overflow auto。但我只是想知道是否可以创建可滚动的下拉菜单。

提前致谢。

Answer 1

如果长度超过限制，它将默认为可滚动。我不知道这是否是浏览器特定的，但在镀铬的11 / ubuntu选择下拉列表中可以滚动到第21个条目。

Answer 2

尝试这一个。当选择它时，下拉列表成为列表框，当选择任何选项或从中移除焦点时，它将返回到先前的条件。

JSFiddle

    <select name="select1" onmousedown="if(this.options.length>8){this.size=10;}" onchange='this.size=0;' onblur="this.size=0;">
...
...
</select>

可滚动的下拉列表

2 个答案: