javascript - DeselectAll 不适用于 Bootstrap-select

Question

这是我尝试的示例，但没有奏效。

提琴手

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

我尝试使用“刷新”和“渲染”，但也没有帮助。

 <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');
});

---

更新：如果选择关闭，代码将不起作用。万一它是开放的 - 一切都很好

Answer 1

编辑

有一个错误，deselectAll现在已修复

---

您可以使用以下方法清空选择val：

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

DeselectAll理论上应该可以完成这项工作，但由于某种原因它没有。（现在可以）

演示

Answer 2

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

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

Answer 3

这对我有用！

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

Answer 4

除了Artur Filipiak 的回答，

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

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

添加后：

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

它应该看起来像这样：

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

Answer 5

我能够使用以下方法将我的非多选选择器重置为 noneSelectedText。如果您更改 noneSelectedText，它甚至可以工作。

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