Jquery 引导选择无法正确更新所选选项

我使用的是bootstrap select插件，当选择了select底部的选项时，bootstrap select不会正确刷新select先前选择的选项，因为bootstrap select不会正确删除所选的类，所以仍保持选中状态， 我是否必须在引导过程中监听更改事件选择并刷新选项，这在选项较少时不会发生，对此的解决方案可能是什么

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

Js小提琴：

,

我在github上发布了一个问题，

试试这把小提琴：

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

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

---

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

只要在更改选择时刷新，它就会工作得很好。 守则：

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

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

---

您的JSFIDLE工作正常，之前选择的选项不会保持选中状态。你对此仍然有问题吗？是的，仍然有问题，你能尝试选择选项列表底部的选项吗？我已经编辑了我的问题，并添加了一个屏幕截图。请看一看，我不能像你在小提琴上说的那样得到结果。该问题仍然存在我的情况是，如果引导选择不在活动引导选项卡中，则当页面加载完成时，我的页面有3个选项卡，选择在更改事件后不会刷新。这个答案真的帮助了我，谢谢：@ChiaChi我很高兴我的答案帮助了你：