jquery - 使用 Bootstrap Multiselect (optgroups) 选择整个单个组

Question

我想要一个下拉列表，在选择一个组时，该组中的所有项目都被选择/显示。我不希望只选择部分组的选项。而且我不希望选择多个组

此外，我希望能够通过搜索其中一个成员来搜索一个组

我正在使用 Bootstrap 多选（https://davidstutz.github.io/bootstrap-multiselect/）

这是我目前拥有的：

 <select id="family-select" class="form-control" multiple>
            <optgroup label="Group 1">
                <option value="1-1">Option 1.1</option>
                <option value="1-2">Option 1.2</option>
                <option value="1-3">Option 1.3</option>
            </optgroup>
            <optgroup label="Group 2">
                <option value="2-1">Option 2.1</option>
                <option value="2-2">Option 2.2</option>
                <option value="2-3">Option 2.3</option>
            </optgroup>
        </select>



      $('#family-select').multiselect({
        enableClickableOptGroups: true,
        enableCollapsibleOptGroups: true,
        includeSelectAllOption: false,
        enableFiltering: true,
        buttonClass: 'btn btn-link',
        disableIfEmpty: true,
    });