Bootstrap Multiselect - 当我 select (id=1 value=2) 时，如何禁用其他 multiselect(id=2 value=2)

Question

我想禁用其他具有相同选项的 multiselect('#multiselect2' option value=2)，当我 select Multiselect('#multiselect1' option value=2) 选项 multiselect1 可以 select 单个和 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'); 
        }
    });
});

它会起作用。

Bootstrap Multiselect - 当我 select (id=1 value=2) 时，如何禁用其他 multiselect(id=2 value=2)

Bootstrap Multiselect - How can i disable other multiselect(id=2 value=2),when i select (id=1 value=2)

javascript

jquery

bootstrap-multiselect