属于多个 optgroup 的选项

Question

有没有可能一个<option>属于多个optgroup？

我知道我能做到

<select id="menu1">
       <optgroup label="fruit">
            <option value="pomme">pomme</option>
            <option value="kiwi">kiwi</option>
       </optgroup>
       <optgroup label="exotique">
            <option value="kiwi">kiwi</option>
       </optgroup>
 </select>

但这并没有让我的工作轻松，因为我需要通过 javascript 自己处理它。困难的部分是我正在使用 multiselect2side，所以当用户 selects kiwi 例如，当他切换到组 exotique 时，它必须考虑到猕猴桃已经不存在了，因为它已经 selected.

问题是，有没有办法 html 本地处理？

更新1

实际上上面代码中的 select 是服务器发送的内容，在我的 javascript 脚本中我这样做：

$('#menu1').multiselect2side({
    search: 'Search: ',
    moveOptions: false,
    labelsx: '* Available *',
    labeldx: '* Selected *',
    autoSort: true,
    autoSortAvailable: true
});

我得到两个多 select 面，可以将值从一侧传递到另一侧。

Answer 1

你可以这样做：

$("select").on('change', function(){
  var val=$(this).val();
  $(this).find("option[value="+val+"]").attr("disabled",true);
});

DEMO

属于多个 optgroup 的选项

option belonging to several optgroup

javascript

jquery

multi-select