使用 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;
}

根據需要更改大小。