使用 bootstrap-select 限制下拉列表的高度

Question

如何限制 select 中包含的选项数量？我有大约 2000 个选项（我正在使用 data-live-search 以便于搜索），但我不想列出一个非常长的列表（出于美观目的）。

Answer 1

我最近花了一个小时试图找到如何限制下拉菜单的高度。 select 标签的大小属性在 javascript 文件中设置为 'auto'。对我来说，大约是第 369 行。

解决方法很简单：

设置size: '8'或您想要列出的任何选项

Answer 2

size 和 data-size 对我不起作用。我需要用这个覆盖 CSS：

div.dropdown-menu.open{
  max-height: 314px !important;
  overflow: hidden;
}
ul.dropdown-menu.inner{
  max-height: 260px !important;
  overflow-y: auto;
}

根据需要更改大小。

使用 bootstrap-select 限制下拉列表的高度

Limit the height of dropdown with bootstrap-select

javascript

html

bootstrap-selectpicker