是否有可能创建一个可选择的选项组

Question

一个多选下拉我有多项选择如下：

<select id="select-id" data-placeholder="Click here to choose categories to display" class="chzn-select" multiple tabindex="1"> 
    <option value=""></option> 
    <optgroup label="Group 1"> 
     <option value="val1" >val1</option> 
     <option value="val2">val2</option> 
     <option value="val3" >val3</option>  
    </optgroup> 
    <optgroup label="Group 2"> 
     <option value="val1" >val1</option> 
     <option value="val2">val2</option> 
     <option value="val3" >val3</option>  
    </optgroup> 
    </select> 

但是我想组本身可以进行选择，如果选择则该组值不应该可用。

这是可能的标准HTML或一些JavaScript库。

目前我使用chosen.js来增强下拉。

Answer 1

看看this。这可能对你有一些帮助。
您可以演示这些here。