取消选择引导中所有选定的选项，选择选择器不工作
取消选择引导中所有选定的选项，选择选择器不工作
提问于 2017-06-13 10:39:02
function clearSearchForms() {
$('#searchItemTypes').selectpicker('val', '');
$('#searchItemTypes').selectpicker('deselectAll');
$('#searchItemNew').selectpicker('val', '');
$('#searchItemNew').selectpicker('deselectAll');
}<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<script>
$('.selectpicker').selectpicker();
</script>
<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>
我使用的是引导选择器插件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');谁知道它为什么不起作用，我被困在这里了。谢谢!
更新
在这里标记为重复的问题并没有解决我的问题。我想我已经看过这里贴出的所有与我的问题有关的问题了，但对我来说没有什么用。
这是select的屏幕截图，因为大多数人都在回答简单选择器的解决方案。不同的是：
http://prntscr.com/fj7iblStack Overflow用户
发布于 2017-06-13 11:02:58
$(document).on('click', '#foo', function(){
$('#searchItemTypes>option').removeAttr('selected');
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<select name="itemTypes[]" multiple id="searchItemTypes" class="selectpicker">
<option value="biscuit" selected>Biscuit</option>
<option value="ketchup" selected>Ketchup</option>
<option value="toffee">Toffee</option>
</select>
<button id="foo" type="button">Click me</button>
这会帮到你的。我只是删除属性选中的按钮单击事件。这是更重要的部分：$('#searchItemTypes>option').removeAttr('selected');
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44519149
复制相关文章
相似问题
腾讯云开发者
