javascript - 带有两个下拉菜单的 jQuery MultiSelect 问题

Question

我正在使用这个带有 2 个下拉菜单的多选插件，这些 id 为：#Countries 和 #Cities 。

当页面加载时，两个下拉列表都填充了数据并检查了每个选项：

$('#Countries').multiselect('checkAll');
$('#Cities').multiselect('checkAll');

当我在#Countries 下拉列表中单击“取消选中全部”后单击“全部选中”链接时，我想要：

1. #Countries 下拉列表中的所有复选框都被选中 - 默认情况下有效
2. #Cities 下拉列表中的所有复选框都被选中 - 这不起作用

我在 JavaScript 中试过这个：

$('#Countries').multiselect({
    checkall: function(event, ui){
        $('#Cities').multiselect('checkAll');
        $('#Cities').multiselect('refresh');
    }
});

我错过了什么？

Answer 1

尝试这个，

提琴手

$("#City").multiselect();
$("#Country").multiselect({
        header: true,
    checkAll: function(){
       $("#City").multiselect("widget").find('.ui-multiselect-all').click()
   },
   uncheckAll: function(){
     $("#City").multiselect("widget").find('.ui-multiselect-none').click()
   },
    });

$("#Country").multiselect("widget").find('.ui-multiselect-all').click()
$("#City").multiselect("widget").find('.ui-multiselect-all').click()