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，所以当用户选择kiwi时，当他切换到组exotique时，必须考虑到kiwi没有因为已经被选中了，所以已经存在了。

问题是，html是否有一种本地处理方式？

UPDATE1

实际上上面代码中的select是服务器发送的内容，在我的javascript脚本中我执行此操作：

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

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

Answer 1

你可以这样做：

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

DEMO

属于多个optgroup的选项

1 个答案: