我正在使用位于此处的 Jquery 多选工具 http://www.erichynds.com/blog/jquery-ui-multiselect-widget我一切都运转良好。我有一个很长的项目列表,并按选项组划分。您必须滚动相当多的时间才能到达最后一项,所以我想知道是否有一种方法可以默认折叠 opt 组?
我查看了有关此脚本的文档,但没有看到任何可以被 optgroup 折叠的函数。
<select name="selSea" id="selSeaShells" size="5" multiple="multiple" onchange="loopSelected()">
<optgroup label="Group 1"/>
<option value="test">test</option>
<option value="test1">test1</option>
<option value="test2">test2</option>
<option value="test3">test3</option>
<optgroup label="Group2"/>
<option value="test">test</option>
<option value="test1">test1</option>
<option value="test2">test2</option>
<option value="test3">test3</option>
<option value="test4">test4</option>
<optgroup label="Group3"/>
<option value="test">test</option>
<option value="test1">test1</option>
<option value="test2">test2</option>
<option value="test3">test3</option>
<option value="test4">test4</option>
</select>
最佳答案
您可以尝试Select2 。另外,你可以引用这个Stackoverflow discussion .
使用 Select2:
在 CSS 中,默认隐藏子结果:
.select2-result-sub > li.select2-result {
display: none;
}
然后将其添加到您的 Javascript 文件中:
$('.select2-results').on('click', 'li', function(){
$(this).find('li').show();
});
关于javascript - Jquery Multiselect - 如何折叠 optgroup,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28460607/