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

Question

本质上，HTML Select 下拉菜单的长度超过了笔记本电脑的屏幕，我已经检查过，不同的浏览器允许在将其变成滚动框之前显示不同数量的选项。有什么方法可以在浏览器中插入 css hack 或 javascript 操作以在 3 个选项处停止它？如果做不到这一点，是否有任何方法可以限制下拉菜单的高度以获得相同的效果？

我在谷歌上搜索过这个，但没有这样的运气，以前似乎没有人对笔记本有过问题。我知道这是可能的，因为在 Lloyds TSB 个人登录屏幕上有一个选择元素，它限制为大约 3/4 选项。正如我所说，我不介意使用 JS 甚至是特定于浏览器的解决方案，因为我已经开发出一种笔记本友好的方式来实现它，这种方式不太直观且看起来笨拙，但可以作为默认方式使用。

如有任何帮助，我们将不胜感激。

鲁伯特·S.

Answer 1

遗憾的是，您无法更改下拉列表显示的元素，它由浏览器决定，使用大小选项它将失去其“下拉列表”形式，并将更多内容变成列表。

您可以尝试找到一些 Jquery 下拉列表，它们通常可以根据您的需要进行编辑。