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

【问题标题】：Limit the height of dropdown with bootstrap-select使用 bootstrap-select 限制下拉菜单的高度
【发布时间】：2017-12-18 16:13:43
【问题描述】：

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

【问题讨论】：

标签： javascript html bootstrap-selectpicker

【解决方案1】：

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

解决方法很简单：

设置size: '8' 或您想要列出的许多选项

【讨论】：

data-size="8" in hmtl select element 对我有用，它在下拉列表中仅显示 8（或 n）个条目，并且可以滚动或过滤以显示其他人

【解决方案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;
}

随意改变大小。

【讨论】：