Bootstrap-select多选框清空失败，求助解决方法

• 方案一：清空原生select后重建组件
  直接操作原生select元素清空选项，再销毁并重建bootstrap-select组件，彻底同步状态：

  $('#mySelect').empty().selectpicker('destroy').selectpicker();
  

• 方案二：先清除选中状态再清空刷新
  先清除所有选中项，再移除原生select的选项，最后调用刷新方法：

  $('#mySelect').selectpicker('deselectAll');
  $('#mySelect').find('option').remove();
  $('#mySelect').selectpicker('refresh');
  

问题原因 #

bootstrap-select会在页面中生成额外的下拉菜单DOM元素，仅清空原生select后调用refresh无法完全清理组件内部的选中缓存和生成的DOM状态，导致出现选项残留、选中状态异常的问题。必须确保先清理选中状态，或者直接重建组件来彻底同步原生select和组件的状态。

内容的提问来源于stack exchange，提问作者crissb3