如何限制HTML Select元素下拉菜单中显示的选项数量？

Question

如何限制HTML Select元素下拉菜单中显示的选项数量？

3

基本上，HTML选择下拉框的长度在笔记本电脑上超出了屏幕范围，我已经检查过，不同的浏览器允许显示不同数量的选项，然后将其转换为滚动框。是否有办法在浏览器中使用CSS hack或JavaScript操作来限制它只显示3个选项？如果无法实现，是否有方法来限制下拉列表的高度以达到相同的效果？

我已经在谷歌上搜索过这个问题，但没有找到解决方法，似乎没有人在笔记本电脑上遇到过这个问题。我知道这是可能的，因为在Lloyds TSB个人登录界面上有一个选择元素，它只限制显示大约3/4个选项。如我所说，我不介意使用JS或特定于浏览器的解决方案，因为我已经开发出一种适用于笔记本电脑的方法，虽然看起来不太直观和笨重，但可以作为默认值使用。

任何帮助都将不胜感激。

鲁珀特S.

- Maj. Fail

notebook 标签作为 2012 年的清理工作的一部分被删除了。 - Abhranil Das

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Lauw · Accepted Answer

很遗憾，您无法更改下拉列表显示的项目，由浏览器决定。使用"size"选项后，它将失去"下拉列表"的形式，变得更像一个列表。

您可以尝试找一些Jquery下拉列表，它们通常可编辑为您所需的任何内容。