У меня есть два раскрывающегося списка bootstrap mutiselect. И мое требование: если я выберу какой-либо один вариант из первого раскрывающегося списка, тогда выбранный вариант должен быть удален из второго раскрывающегося списка. Также, если я сниму выделение, его следует добавить во второй раскрывающийся список.
Вот ссылка
Измените свой 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
Я не знаю, чего вы хотите добиться с помощью множественного выбора.
Но эта библиотека jQuery очень хороша для множественного выбора, проста в управлении и более гибкая.
С хорошей документацией
