jquery - Bootstrap 多重选择(刷新)无法正常工作

Question

我正在使用 Bootstrap 多选列表框。当用户在多选上选择选项时，它会正确显示。但有一个选项可以重置之前选择的选项。当用户单击重置按钮时，style=display:none 自动添加到下拉按钮，并且下拉列表变得不可见。

这是我的代码

$("#button").click(function () {

    $('option', $('.multiselect')).each(function (element) {
        $(this).removeAttr('selected').prop('selected', false);

    });
    $('.multiselect').multiselect('refresh');
});

Answer 1

其他有用的选项是:

1. $('Id').multiselect('refresh'); - 根据选择的选定选项刷新多选。

2. $('Id').multiselect('destroy'); - 解除整个插件的绑定(bind)。

3. buildFilter:构建过滤器。

4. buildSelectAll :构建全选。检查是否已创建全选。

5. $('Id').multiselect('select', ['1', '2', '4']); - 选择给定值的所有选项。

6. clearSelection:清除所有选定的项目。

7. $('Id').multiselect('deselect', ['1', '2', '4']); - 取消选择给定值的所有选项。

8. $('Id').multiselect('selectAll', true); - 选择所有已启用且可见的选项。

9. $('Id').multiselect('deselectAll', true); - 取消选择所有选项。

10. $('Id').multiselect('rebuild'); - 重建插件。

11. $('Id').multiselect('enable'); - 启用多选。

12. $('Id').multiselect('disable'); - 禁用多选。

13. hasSelectAll:检查是否存在全选复选框。

14. updateSelectAll :根据当前显示和选定的复选框更新全选复选框。

15. $('Id').multiselect('updateButtonText'); - 根据当前选定的选项更新按钮文本及其标题。

16. getSelected():获取所有选定的选项。

17. getOptionByValue():通过值获取选择选项。

18. $('Id').multiselect('dataprovider', options); - 提供的数据将用于构建下拉列表。

更多详情请访问bootstrap-multiselect