取消选择全部'不适用于Bootstrap选择

DeselectAll doesn't work for Bootstrap-select

本文关键字：选择 不适用 适用于 Bootstrap 全部 取消      更新时间：2023-09-26

下面是我尝试但没有成功的例子。

Js报价

我所期望的：点击按钮，所有选项都将被取消选择。

我尝试了"刷新"answers"渲染"，但也无济于事。

 <select class="selectpicker" multiple title="Not changable text" data-count-selected-text="Not changable text">
         <option>Mustard</option>
         <option>Ketchup</option>
         <option>Relish</option>
 </select>
<button id="f1">ggg</button>
$('#f1').click(function(){
   $('.selectpicker').selectpicker('deselectAll');
});

UPDATE：如果select已关闭，则代码不起作用。如果它是打开的-一切都很好

编辑

deselectAll出现错误，现已修复

您可以使用val:清空选择

$('#f1').click(function(){
    $('.selectpicker').selectpicker('val', '');
});

DeselectAll理论上应该做这项工作，但由于某种原因，它没有 （现在确实如此）

演示

我从以下代码中得到了解决方案。试试

$("#listID").val('').trigger('change');

这对我很管用！

$('.selectpicker option:selected').val('');
$('.selectpicker').selectpicker('deselectAll');

除了Artur Filippiak答案外，

如果它不适用于您，请添加以下内容：

$('.selectpicker').selectpicker('refresh');

添加后：

$('.selectpicker').selectpicker('val', '');

它应该看起来像这样：

$('.selectpicker').selectpicker('val', '');
$('.selectpicker').selectpicker('refresh');

我可以通过以下操作将非多选选择器重置为非SelectedText。如果您更改非SelectedText，它甚至会起作用。

$('.selectpicker').selectpicker('val', 'Nothing Selected').selectpicker("refresh");

相关文章：