jquery - Bootstrap-多选问题与表单重置和复选框重新填充

Question

我正在使用bootstrap-multiselect我的应用程序中的下拉菜单。一切工作正常，除了我的表单重置，当我希望它恢复到最初选择的值时。当菜单关闭时，它会按预期在菜单中显示所选值(即创建包含多个选择的列表)，但是当我打开菜单时，不会选中所选项目的复选框。

我尝试了以下方法，但没有成功:

$("#MyMenu").multiselect('refresh');
$("#MyMenu").multiselect('rebuild');
$("#MyMenu").multiselect('destroy');

后跟

$("#MyMenu").multiselect();

感谢任何帮助!

Answer 1

对我来说，它的工作原理很简单:

$('#id').multiselect('refresh');

但是，必须注意的是，重置事件在表单输入实际重置之前触发。实际上，这意味着以下内容将不起作用:

$('#formID').on('reset', function(){
    $('#id').multiselect('refresh');
});

将调用包装在瞬时 setTimeout 内即可工作!

$('#formID').on('reset', function(){
    setTimeout(function(){
        $('#id').multiselect('refresh');
    });
});