Javascript 如何在第二个选择框上禁用选择2个js选定值

Javascript 如何在第二个选择框上禁用选择2个js选定值,javascript,jquery,select2,Javascript,Jquery,Select2,我有两个选择框都使用select2 js,第一个选择框你可以只选择一个值,第二个选择框你可以选择多个值,所以我想让这个东西像这样工作-如果我在第二个选择框中选择“somecategory”,这个选项必须被禁用,如果我选择“othercategory”在选择框上,第一个框上也应禁用相同的选项 这是你的电话号码 <select name="category" class="form-control catselect"> /* here is some foreach stu

我有两个选择框都使用select2 js,第一个选择框你可以只选择一个值,第二个选择框你可以选择多个值,所以我想让这个东西像这样工作-如果我在第二个选择框中选择“somecategory”,这个选项必须被禁用,如果我选择“othercategory”在选择框上,第一个框上也应禁用相同的选项

这是你的电话号码

    <select name="category" class="form-control catselect">
  /* here is some foreach stuff */
<option value="<?php echo $here we get ID;?>" <?php echo $here we get selected="selected";?>><?php echo $sub.lang_key($row->title);?></option>
</select>

<select name="multicat[]" class="form-control catmultiselect "  multiple="multiple">
  /* here is some foreach stuff */
<option value="<?php echo $here we get ID;?>" <?php echo $here we get selected="selected";?>><?php echo $sub.lang_key($row->title);?></option>
</select>

/*这是一些每样东西*/

首先,将多类别选择框设置为禁用。接下来,为您的选择框指定一个ID(这是可选的。您可以使用
“[name='category']”“
按名称而不是ID引用选择框)。然后将事件处理程序添加到选择框:

$("#categorySelect").on("select2:select", function(e){
    var value = $("#categorySelect").val();
    var multicat = $("#multiCategorySelect");
    if(value == "othercategory") {
        multicat.prop('disabled', false); // Enable the multi-category select box
    } else {
        multicat.val(''); // If you want to clear the selection
        multicat.prop('disabled', true); // Set it back to disabled
    }
});
实际上,“其他类别”只是一个示例,所以如果类别的值==multicat或multicat==category set被禁用,则需要检查该值