是否可以使用可选选项组创建多选下拉列表

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库是否可行。

目前我使用selected.js来增强下拉列表。

Answer 1

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