Bootstrap 带有显示重复选项的选项组的选择器

Question

我正在尝试使用 Bootstrap 5 和 optgroups 构建一个 selectpicker。我的问题是，在每个 optgroups 下，所有选项元素都是相同的，并且与我在文件中写入的 HTML 不匹配。即使我们有一些非常简单和归结的东西，这个问题也很明显，例如：

<select class="form select selectpicker" multiple id="simple">
   <optgroup label="Fruits">
      <option>Cherry</option>
      <option>Papaya</option>
   </optgroup>
   <optgroup label="Vegetables">
      <option>Lettuce</option>
      <option>Tomato</option>
   </optgroup>
</select>

这显示的是一个 select 带有两个选项组的选择器，水果和蔬菜，但是两个选项组都有“樱桃”和“木瓜”选项。它似乎正在使用第一个 optgroup 中的选项，并将它们拉入 select 元素内的任何后续 optgroups。任何解决此问题的帮助将不胜感激。

Answer 1

这与我现在面临的问题完全相同。我正在使用 Bootstrap 4。如果我找到解决方案，我会 post 在这里。

编辑：好的，我为我修好了。我切换了 bootstrap-select 版本，现在可以使用了。现在我正在使用 bootstrap-select.1.14.0-beta3.

Bootstrap 带有显示重复选项的选项组的选择器

Bootstrap selectpicker with optgroups displaying duplicate options

html

select

twitter-bootstrap

bootstrap-5