javascript - 使用 bootstrap-select 限制下拉菜单的高度

Question

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

Answer 1

我最近花了一个小时试图找到如何限制下拉菜单的高度。原来选择标签的 size 属性'auto'在 javascript 文件中设置为。对我来说，大约是第 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;
}

根据需要更改大小。