Question

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

我尝试过的代码：

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

但是它没有在bootstrap多选中工作。

Answer 1

尝试此代码，当您单击删除选项时，从select中删除所有选项。这是演示代码，所以更新为您的要求或添加您的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>

Answer 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();
});

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

Answer 3

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

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

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

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

3 个答案: