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

Question

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

我应该如何在语义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;
}

Jquery的

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