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

Question

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

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

任何帮助将不胜感激。

鲁珀特 S.

Answer 1

遗憾的是，您无法更改下拉列表显示的项目，它由浏览器决定，使用 size 选项它将失去其“下拉列表”形式，并变成一个列表。

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