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 - 当用户向下滚动时显示内容

javascript - Electron 使用多个 js 脚本自动化 webview

javascript - 无法通过退格键或删除按钮删除数据表单输入字段

javascript - 如何通过搜索 "name"/key 获得 "value"?

javascript - 让 Chrome 和 Firefox 显示视口(viewport)

html - 如何在html和css中垂直对齐div?

javascript - 使用ajax加载文本文件内容

jquery - 在 -webkit-transform :scale() 之后定位元素

javascript - 如何让 content_scripts 在文件 :///URLs in a Chrome extension 中执行

javascript - 使用 angularAMD 时 ng-table 未正确加载