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

Question

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

Answer 1

我最近花了一个小时试图找到如何限制下拉菜单的高度。 结果是，在 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;
}

根据需要更改大小。