Bootstrap Multiselect - Как я могу отключить другие (ID = 2 значение = 2) MULTISELECT, когда я выбираю (ID = 1 значение = 2)

Question

Я хочу, чтобы отключить другие multiselect('#multiselect2' option value=2), имеющие те же параметры, Когда я выбираю Multiselect('#multiselect1' option value=2) вариант multiselect1 может выбрать один и multiselect2 тоже.

Я пытаюсь реализовать :onChange(), как в следующем коде. Но это не работает.

$(document).ready(function() { 
    $('#multiselect1').multiselects({ 
     maxHeight: 200, 
     onChange:function(element, checked) { 
      var brands = $('#multiselect1 option:selected'); 
      var select = brands.val(); 
      var selected = []; 
      $(brands).each(function(index, brand){ 
       selected.push([$(this).val()]); 
      }); 
      var brand = $('multiselect1 option:selected'); 
      var select = brand.val(); 
      $('multiselect2 option[value="' + select + '"]'). 
       prop('disabled', true).prop('selected', false); 
     } 
    }); 
}); 

Answer 1

Попробуйте этот код,

$(document).ready(function() { 
    $('#multiselect1').multiselects({ 
     maxHeight: 200, 
     onChange:function(element, checked) { 
      var brands = $('#multiselect1 option:selected'); 
      var select = brands.val(); 
      var selected = []; 
      $(brands).each(function(index, brand){ 
       selected.push([$(this).val()]); 
      }); 
      var brand = $('multiselect1 option:selected'); 
      var select = brand.val(); 
      $('multiselect2 option[value="' + select + '"]').prop('disabled', true).prop('selected', false); 
      $('#multiselect2').multiSelect('refresh'); 
     } 
    }); 
}); 

Он будет работать.