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

Question

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

我应该如何在语义ui中做到这一点.我没有找到任何帮助.

Answer 1

我不知道你是否仍然需要这个,因为这个问题有点老了,但我找到了这个小提琴.

基本上你会用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();