javascript 尝试清空引导-选择并重新填充

w9apscun 于 2023-02-02 发布在 Java

关注(0)|答案(2)|浏览(106)

我试图从bootstrap-select（https://developer.snapappointments.com/bootstrap-select/）中删除多选选择器中的所有值，但无论我怎么尝试，它都不起作用。
我已经试着按照上面提供的链接中的方法中的remove方法的示例进行操作。
我还尝试使用.empty()，然后使用.selectpicker('refresh')，这样只删除了第一个，但是当我单击列表中的第二个时，它会显示第一个（已删除）的值为选定值。
JSF中间文件：https://jsfiddle.net/asjnpLkh/1/

JavaScript

来源：https://stackoverflow.com/questions/75320371/trying-to-empty-a-bootstrap-select-and-repopulate

2条答案

按热度按时间

n3h0vuf21#

尝试使用以下代码重置select元素。

$('#yourSelectId').val(null).selectpicker('refresh');

这将清除所有选定的值并刷新SelectPicker以更新其显示。

编辑

使用以下代码从select元素中删除所有选项：

$('#yourSelectId option').remove();
$('#yourSelectId').selectpicker('refresh');

这将从选择元素中删除所有选项，并刷新选择器以更新其显示。然后，您可以根据需要向选择元素添加新选项。例如：

$('#yourSelectId').append($('<option></option>').val("breed1").html("Breed 1"));
$('#yourSelectId').append($('<option></option>').val("breed2").html("Breed 2"));
$('#yourSelectId').selectpicker('refresh');

赞(0）回复(0）举报 2023-02-02

b4lqfgs42#

**解决方案：**问题似乎出在beta3版本的bootstrap-select上。使用beta2可以正常工作。Remove all options from bootstrap select multiselect

赞(0）回复(0）举报 2023-02-02