如何限制HTML<select>下拉列表中的可见选项？
如何限制HTML<select>下拉列表中的可见选项？
提问于 2018-08-09 01:25:57
如何限制HTML中显示的<select>选项的数量？
例如：
<select>
<option value="1">1</option>
<option value="2">2</option>
...
<option value="20">20</option>
</select>如何让浏览器只显示前五个选项，并向下滚动其余的选项？
回答 2
Stack Overflow用户
发布于 2018-08-09 10:23:49
可以使用size属性，使<select>显示为框而不是下拉列表。size中使用的数字属性定义在框中没有滚动的可见选项数。
<select size="5">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>不能将此应用于<select>，它仍然以下拉列表的形式出现。浏览器/操作系统将决定下拉列表应该显示多少选项，除非你使用HTML、CSS和JavaScript创建假的下拉列表。
Stack Overflow用户
发布于 2018-08-09 10:41:55
通过使用额外的样式，使它在其他dom对象内，完全像一个常见的选择选项标签在html中
select{
position:absolute;
}你可以在这里看到结果：http://jsfiddle.net/aTzc2/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100002033
复制相关文章
相似问题