onselect удалить элемент из Bootstrap Multiselect выпадающего списка

Question

У меня есть два загрузочных мутаселек выпадающего списка. И мое требование: если я выбираю какой-либо один вариант из первого раскрывающегося списка, тогда выбранная опция должна быть удалена из второго раскрывающегося списка. Также, если я отменил выбор, тогда он должен быть добавлен во второе раскрывающееся меню.

Вот ссылка

https://jsfiddle.net/cpxavier/6escna8k

Answer 1

Измените ваш document.ready к этому

$(document).ready(function() { 
    $('.multi2').multiselect({ // this is the second multiselect 
     includeSelectAllOption: false, 
     nonSelectedText: 'Select Teams', 
    }); 
    $('.multi1').multiselect({ // this is the first multiselect 
     includeSelectAllOption: false, 
     nonSelectedText: 'Select Teams', 
     onChange: function(option, checked, select) { // implement onChange listener 
     // clear all selection of the second dropdown - This will be called whenever there's a change in the first multiselect 
     // You can think of puting in some additional conditions here. 
      $('.multi2').multiselect('clearSelection', false); 
     } 
    }); 
}); 

Вам также нужно обновить HTML, как -

<select id="team0" name="team0[]" class="multi1" multiple="multiple"><!-- first dropdown--> 

и

<select id="team1" name="team0[]" class="multi2" multiple="multiple"><!-- second dropdown--> 

<iframe width="100%" height="300" src="//jsfiddle.net/yellen/fw32gwd2/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

Для более ссылок: http://davidstutz.github.io/bootstrap-multiselect/#methods

Answer 2

Я не знаю, что вы хотите достичь множественного выбора.

Но эта библиотека jQuery очень хороша для множественного выбора, проста в управлении и более гибкой.

JQuery Magic Suggest

С хорошими документаций