從OPTGROUP

Question

我想選擇與OPTGROUP單個項目從選擇4個項目中選擇單個項目.. 我試圖引導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