我正在使用 Bootstrap 多选列表框。当用户在多选上选择选项时,它会正确显示。但有一个选项可以重置之前选择的选项。当用户单击重置按钮时,style=display:none
自动添加到下拉按钮,并且下拉列表变得不可见。
这是我的代码
$("#button").click(function () {
$('option', $('.multiselect')).each(function (element) {
$(this).removeAttr('selected').prop('selected', false);
});
$('.multiselect').multiselect('refresh');
});
最佳答案
其他有用的选项是:
$('Id').multiselect('refresh');
- 根据选择的选定选项刷新多选。$('Id').multiselect('destroy');
- 解除整个插件的绑定(bind)。buildFilter
:构建过滤器。buildSelectAll
:构建全选。检查是否已创建全选。$('Id').multiselect('select', ['1', '2', '4']);
- 选择给定值的所有选项。clearSelection
:清除所有选定的项目。$('Id').multiselect('deselect', ['1', '2', '4']);
- 取消选择给定值的所有选项。$('Id').multiselect('selectAll', true);
- 选择所有已启用且可见的选项。$('Id').multiselect('deselectAll', true);
- 取消选择所有选项。$('Id').multiselect('rebuild');
- 重建插件。$('Id').multiselect('enable');
- 启用多选。$('Id').multiselect('disable');
- 禁用多选。hasSelectAll
:检查是否存在全选复选框。updateSelectAll
:根据当前显示和选定的复选框更新全选复选框。$('Id').multiselect('updateButtonText');
- 根据当前选定的选项更新按钮文本及其标题。getSelected()
:获取所有选定的选项。getOptionByValue()
:通过值获取选择选项。$('Id').multiselect('dataprovider', options);
- 提供的数据将用于构建下拉列表。
更多详情请访问bootstrap-multiselect
关于jquery - Bootstrap 多重选择(刷新)无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25750253/