How to implement a group of parameters in a semantic dropdown menu

I don't know if you need this problem as the question is a bit old, but I found this on Fiddle .

Basically you would use div

instead of select

and 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();