如何使用 jQuery 删除 Bootstrap Multiselect 中的所有选项？答案

【问题标题】：How can i remove all options in Bootstrap Multiselect using jQuery?如何使用 jQuery 删除 Bootstrap Multiselect 中的所有选项？
【发布时间】：2018-04-14 16:01:54
【问题描述】：

我想使用 jQuery 动态删除所有 Bootstrap Multiselect 选项。我怎样才能删除相同的？

我尝试过的代码：

$("#userGroupDbKeyAjax2 option").remove();

但它在引导多选中不起作用。

【问题讨论】：

您需要发布代码的所有相关部分以创建minimal reproducible example。如果 userGroupDbKeyAjax2 是 select 元素的 id，这应该可以工作
您想删除所有选项并保留空多选吗？还是只有选定的选项？

标签： jquery twitter-bootstrap bootstrap-4

【解决方案1】：

试试这个代码，当你点击删除选项然后从选择中删除所有选项。这是演示代码，所以根据您的要求更新或添加您的 html 代码和相关 jQuery，然后我将添加完整代码

function remove(){
$("#userGroupDbKeyAjax2").empty(); 
// you can use also this $('#userGroupDbKeyAjax2').html('');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="userGroupDbKeyAjax2">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<span onclick ="remove()">Click to remove</span>

【讨论】：

为单选提供答案，而不是为多选提供答案

【解决方案2】：

首先您应该知道您的查询返回a jQuery Object。这意味着，您的 <option> 存储在一个数组中。

你可以这样继续：

var $multiSelectOptions = $('#userGroupDbKeyAjax2 option');

# option 1
$.each($multiSelectOptions, function(index, element) {
    element.remove();
});

# option 2
$multiSelectOptions.each(function(index, element) {
    element.remove();
});

此方法的主要优点是，您可以轻松选择要删除的选项。

【讨论】：

【解决方案3】：

$('.selectpicker').selectpicker('deselectAll');

文档：https://developer.snapappointments.com/bootstrap-select/methods/

原文：https://stackoverflow.com/a/53763924/1695062

【讨论】：