Question

这是我尝试的例子，但没有用。

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

我尝试用＆＃34;刷新＆＃34;和＆＃34;渲染＆＃34;但也没有帮助。

 <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和is now fixed

存在错误

您可以使用val清空选择：

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

~~DeselectAll理论上应该完成这项工作，但由于某些原因它不会。~~（现在就是这样）

DEMO

Answer 2

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

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

Answer 3

除了 Artur Filipiak 答案

如果它对您不起作用，请添加：

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

添加后：

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

它应该看起来像这样：

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

Answer 4

这对我有用！

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

Answer 5

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

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

DeselectAll不适用于Bootstrap-select

5 个答案:

修改