javascript 取消选择引导程序选择选取器中的所有选定选项不工作

6kkfgxo0 于 2022-11-20 发布在 Java

关注(0)|答案(4)|浏览(138)

第一个
我正在使用引导程序选择拾取器插件Silvio

http://silviomoreto.github.io/bootstrap-select/

当多个选项在选择器中被选中时，我想在用户单击“清除”按钮时取消选择所有选项。我尝试了多个代码示例，但没有一个成功。

<select name="itemTypes[]" multiple="" id="searchItemTypes" class="selectpicker">
<option value="biscuit">Biscuit</option>
<option value="ketchup">Ketchup</option>
<option value="toffee">Toffee</option>
</select>

下面是我尝试取消选择它们的方法。

$("#searchItemTypes").val('default');
$("#searchItemTypes").selectpicker("refresh");
$('#searchItemTypes').selectpicker('val', '');
$('#searchItemTypes').selectpicker('deselectAll');

有人知道为什么它不工作，我被困在这里。谢谢！

更新

这里标记为重复的问题没有解决我的问题。我想我已经浏览了所有与我的问题相关的问题，但没有一个对我有效。
这是选择选择器的截图，因为大多数人都在回答简单选择器的解决方案。这是不同的：

http://prntscr.com/fj7ibl

JavaScript

来源：https://stackoverflow.com/questions/44519149/deselect-all-selected-options-in-bootstrap-select-picker-not-working

4条答案

按热度按时间

tyu7yeag1#

为了便于以后使用，您需要在清除选项后刷新选择器：

$('.selectpicker').val('default').selectpicker('deselectAll');
$('.selectpicker').selectpicker('refresh');

赞(0）回复(0）举报 2022-11-20

6qqygrtg2#

第一个
这会对你有帮助。我只是删除了按钮点击事件上的属性selected。这是更重要的部分：$('#searchItemTypes>option').removeAttr('selected');

赞(0）回复(0）举报 2022-11-20

kknvjkwl3#

把你的选择放在表单标签里面，然后试试again.it对我有用。

<form id="items">
<select name="searchItemTypes[]" multiple="" id="searchItemTypes" class="selectpicker">
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
</select>
<select name="searchItemNew[]" multiple="" id="searchItemNew" class="selectpicker">
<option value="one">One1</option>
<option value="two">Two2</option>
<option value="three">Three3</option>
</select>
<button type='button' onclick="clearSearchForms()">Clear All</button> 
  
</form>
    <script>
function clearSearchForms() {
  $("#searchItemTypes").val('default').selectpicker("refresh");
  $("#searchItemNew").val('default').selectpicker("refresh");
}
</script>

展开查看全部

赞(0）回复(0）举报 2022-11-20

pbwdgjma4#

试试看：

$("#searchItemTypes").selectpicker('deselectAll')

赞(0）回复(0）举报 2022-11-20

我来回答

javascript 取消选择引导程序选择选取器中的所有选定选项不工作

4条答案

相关问题

热门标签

最新问答