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

标签 javascript html css select

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

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

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

鲁伯特·S.

最佳答案

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

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

关于javascript - 如何限制 HTML Select 元素下拉菜单中显示的选项数量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5538330/

相关文章:

javascript - Parse 在 React Native 中找不到 localStorage 变量

javascript - 访问另一个id中的id jquery

php - 如何绕过 toHtml() 在 Magento 中打印 html 标签

html - 使用类的独生子选择器

html - Image missing in::after 伪元素

javascript - 如何在收到获取请求后重新加载 CSS 或按钮或页面的一部分?

javascript - jquery clone 在单击按钮时复制表单元素两次

html - CSS - 我无法让我的菜单动态(水平)居中

jquery - Bootstrap 列占用的宽度超出了应有的宽度

javascript - 在页面上的所有脚本完全加载后运行 js 函数