小编akn*_*odt的帖子

我正在尝试使用 Select2 jquery 插件使我的选择下拉菜单中的 optgroup 可折叠/可展开。

我发现看起来是一个很好且简单的解决方案（https://github.com/select2/select2/issues/730），但它对我不起作用，我认为这是因为它来自旧版本的 select2。

我已经想出了如何从

.select2-result-sub > li.select2-result {
    display: none;
}

到

#select-container .select2-results__options--nested > li.select2-results__option {
    display: none;
}

（我还根据如何覆盖 .select2-results .select2-highlighted color将我的选择对象放入容器中）

但我不知道如何更新所需的 javascript：

$('.select2-results').on('click', 'li', function(){
    $(this).find('li').show();
});

在我看来，像我就只需要更换select2-results同select2-results__options或select2-results__option，但我已经尝试了一些东西，有和没有使用的容器，我只是无法得到它的工作。我在 javascript/jquery 方面没有太多经验，所以我不太明白我在尝试选择 optgroup 元素时做错了什么。

另外，这是我的html：

<div id="select-container">
    <select id="select-test" multiple="multiple" style="width:300px">
            <optgroup label="Group 1">
                <option value="1">Option 1</option>
                <option value="2">Option 2</option>
                <option value="3">Option 3</option>
            </optgroup>
            <optgroup label="Group 2">    
                <option value="4">Option 4</option>
                <option value="5">Option 5</option> …