jquery - 如何在semantic-ui下拉选择中实现选项组

Question

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

我应该如何在 semantic-ui 中进行操作。我没有找到任何帮助。

Answer 1

我不知道你是否还需要这个，因为这个问题有点老了，但我发现了这个 Fiddle .

基本上您会使用 div 而不是 select 和 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;
}

查询

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