Twitter bootstrap 引导选择-如果内部没有任何可搜索内容，则隐藏optgroup和border

我正在使用引导选择框，它也有实时搜索功能

在搜索时，如果在标记中找不到结果，相关的也应该隐藏

请帮帮我

---

使用HTML的场景

---

我有一个选择框，如下所示：

<select class="selectpicker" data-live-search="true">
    <optgroup label="Option Group 1">
      <option selected>a</option>
      <option>b</option>
      <option>c</option>
    </optgroup>
    <optgroup label="Option Group 2">
      <option>d</option>
      <option>e</option>
      <option>f</option>
    </optgroup>
  </select>

---

正在寻找使用Yi2进行引导选择的相同解决方案

好的，这里有一个好消息，使用新版本的bootstrap-select.js 1.11.2，他们已经解决了隐藏空optgroup的问题

因此，请下载新版本并使用它

---

我正在使用bootstrap-select.js 1.11.2，我已经完成了以下步骤来隐藏选项和optgroup

在JQuery中，需要禁用optgroup下的选项

$("optgroup[label='optgroup_label']").children().prop('disabled', true);

参考：

在HTML中，您需要在选择标记中添加数据隐藏禁用：“true”：

<select class="selectpicker" multiple title="..." data-size="7" data-live-search="true" data-selected-text-format="count" data-hide-disabled="true">

---

Ref:

您的参考链接已断开。链接现在正常。

<select class="selectpicker" multiple title="..." data-size="7" data-live-search="true" data-selected-text-format="count" data-hide-disabled="true">