выбрать один элемент из OPTGROUP

Question

я хочу, чтобы выбрать один из 4 элементов из выбора с одного элемента из OPTGROUP .. я попытался самозагрузки выбрать по silviomoreto bootstrap-silviomoreto, но ее не работает как хотелось бы ... я просто хочу сделать это с помощью JQuery не обязательно выше плагин ..

<select class="selectpicker" multiple data-max-options="4"> 
 
    <optgroup label="Group1" data-max-options="1"> 
 
     <option>Subject-1</option> 
 
     <option>Subject-2</option> 
 
     <option>Subject-3</option> 
 
    </optgroup> 
 
    <optgroup label="Group2" data-max-options="1"> 
 
     <option>Subject-1</option> 
 
     <option>Subject-2</option> 
 
     <option>Subject-3</option> 
 
    </optgroup> 
 
\t <optgroup label="Group3" data-max-options="1"> 
 
     <option>Subject-1</option> 
 
     <option>Subject-2</option> 
 
    </optgroup> 
 
\t <optgroup label="Group5" data-max-options="1"> 
 
     <option>Subject-1</option> 
 
     <option>Subject-2</option> 
 
    </optgroup> 
 
\t <optgroup label="Group6" data-max-options="1"> 
 
    <option>Subject-1</option> 
 
     <option>Subject-2</option> 
 
    </optgroup> 
 
    </select> 
 
</div>

Answer 1

Вы можете попробовать так:

$("option").on("click", function(){ 
    if($(this).siblings("option:selected").length) { 
     $(this).siblings("option").attr("selected",false); 
    } 
    if($(this).closest("select").find("option:selected").length>4) { 
     $(this).attr("selected",false);  
    } 
}); 

FIDDLE