Wie zu deaktivieren wählen Sie 2 js ausgewählten Werte auf zweite Auswahlfeld

Question

Ich habe zwei Auswahlfelder mit select2 js, auf der ersten können Sie nur einen Wert auswählen, und auf der zweiten können Sie mehrere Werte auswählen, so was ich will ist um das Zeug so zu machen - wenn ich "somecategory" in der zweiten Auswahlbox wähle, muss diese Option deaktiviert sein, und wenn ich "andere Kategorie" in der Auswahlbox wähle, sollte die gleiche Option auch auf der ersten Box deaktiviert sein.

hier ist die

<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> 

Answer 1

Zuerst stellen Sie Ihren multicategory Auswahlbox deaktiviert sein. Geben Sie als Nächstes Ihren Auswahlfeldern eine ID (dies ist optional). Sie können die Auswahlfelder anhand des Namens anstelle der ID unter Verwendung von "[name='category']" referenzieren. Dann einen Event-Handler auf das Auswahlfeld hinzuzufügen:

$("#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 
    } 
});