Select2 v4.1 - 搜索没有正确更新？

Question

我目前在工作的网络应用程序中使用 JQuery 和 Select2，我有一些使用 JQuery 的经验，但这是我第一次使用 Select2。虽然我不能分享实际的项目代码，但我已经在这个非常简单的示例中复制了我遇到的问题：

var data = [1, 2, 3, 4, 5];
$("#search").select2({
  data: data,
  closeOnSelect: false
});

<!-- JQuery 3.5.1 -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<!-- Select2 4.1.0 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<div id="search"></div>

如您所料，这将生成以下具有搜索功能的下拉菜单：

现在，当尝试 select 任何选项时，问题就来了。有 2 个问题：

选择一个选项出于某种原因是永久性的，例如如果我 select 3，那么 select 2，选项 3 保持灰色并且无法重新selected
选择当前选项下方的选项不会显示在 select2 栏中，例如如果我 select 3，那么 select 2，顶部栏中的 3 变为 2，但是如果我然后 select 4，顶部栏保持在 2，即使 4 显示为select在下拉列表中编辑

非常感谢任何帮助，因为我真的不明白为什么会这样，而且我还没有看到其他人分享任何类似的经历。我已将上面的代码放入 jsfiddle link 此处：https://jsfiddle.net/bpaeqnts/

有人可以解释一下这是怎么回事吗？谢谢！

Answer 1

不要使用 div。请改用 <select id="search"></select>。

Select2 v4.1 - 搜索没有正确更新？

Select2 v4.1 - search not updating correctly?

jquery

jquery-select2

jquery-select2-4