Bootstrap select无法正确更新所选选项

Question

我正在使用bootstrap select插件，当选择了select底部的选项时，bootstrap select无法正确刷新选择（以前选择的选项仍保持为选中状态，因为boostrap select不能正确删除所选的类）， 我是否必须在引导程序选择上监听更改事件并刷新选项，但选项较少时就不会发生这种情况，这可能是解决方案

  $('.selectpicker').selectpicker({
  });

Js小提琴：

https://jsfiddle.net/aarthi_101/79rz3j1w/18/，

我在github上发布了一个问题， https://github.com/snapappointments/bootstrap-select/issues/85

Answer 1

尝试这个小提琴：https://jsfiddle.net/h6dkgL35/

我添加了一个脚本，以从先前选择的选项中删除“活动”类。

  $('.dropdown-item').on('click', function() {
  $('.dropdown-item').removeClass('active');
  $(this).addClass('active');
  });

我还添加了一种样式，因为新选择的选项的背景是蓝色而不是紫色。

Answer 2

只需在更改选择时刷新即可，它会很好地工作。 代码：

$('select').on('change',function(){

   $(this).selectpicker('refresh');
});