You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何清除Bootstrap-select多选下拉框中的所有选项?

Bootstrap-select 动态清除选项失效问题及解决办法

我在使用bootstrap-select jQuery插件时,需要根据用户选择动态填充下拉选项。每次填充新选项前必须删除旧选项避免重复,但目前清除旧选项的操作始终无法生效。查过插件文档没找到相关方法,试了各种谷歌搜到的方案都没用。

我的select代码如下:

<select class="form-control selectpicker" name="department_id" multiple data-live-search="true">
</select>

使用的版本:

  • Bootstrap 5
  • Bootstrap-select v1.14.0-beta3

解决方案

Bootstrap-select v1.14.0-beta3存在bug,降级到v1.14.0-beta2后,使用以下代码即可正常清除选项:

// 移除所有选项
$('#department_id option').remove();

内容的提问来源于stack exchange,提问作者Virell

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.14 21:55:44