jquery - 如何在语义 UI 下拉选择中实现选项组

Question

我想在下拉列表中显示类别和子类别，类似于在 html 中使用选项组进行选择。

我应该如何在语义用户界面中做到这一点。我没有找到任何帮助。

Answer 1

我不知道你是否还需要这个，因为这个问题有点老了，但我找到了这个Fiddle。

基本上你会使用div而不是selectand option。

HTML

<div class="ui selection dropdown multiple search optgroup">
    <div class="text">Select</div>
    <i class="dropdown icon"></i>
    <div class="menu">
        <div class="ui horizontal divider">Optgroup 1</div>
        <div class="item">Option 1</div>
        <div class="item">Option 2</div>
        <div class="ui horizontal divider">Optgroup 2</div>
        <div class="item">Option 3</div>
        <div class="item">Option 4</div>
    </div>
</div

CSS

.dropdown.optgroup .divider {
    border-top: none !important;
}

jQuery

$('.ui.dropdown').dropdown();