DeselectAll 不适用于 Bootstrap-select答案

【问题标题】：DeselectAll doesn't work for Bootstrap-selectDeselectAll 不适用于 Bootstrap-select
【发布时间】：2015-04-05 15:17:37
【问题描述】：

这是我尝试的示例，但没有成功。

JsFiddle

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

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

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

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

【问题讨论】：

标签： javascript jquery twitter-bootstrap bootstrap-select

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

这对我有用！

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

【讨论】：

【解决方案3】：

除了Artur Filipiak回答，

如果它不适合您，请添加：

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

添加后：

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

它应该看起来像这样：

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

【讨论】：

【解决方案4】：

编辑

deselectAll 和 is now fixed 存在错误

您可以使用val 清空选择：

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

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

DEMO

【讨论】：

根据我的经验，“deselectAll”仅在打开下拉菜单时有效，此答案适用于打开和关闭。谢谢
反对者，请分享原因，以便我改进答案
DeselectAll 仍然对我不起作用（selectpicker v 1.13.8）您的解决方案运行良好，谢谢

【解决方案5】：

我从下面的代码中得到了解决方案。试试吧

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

【讨论】：