Select2 下拉搜索正在消失/找不到结果

Question

我正在处理一个有两个模态的案例。每个模式包含一个 select2 搜索下拉列表。我面临的问题是每当我 select 模态之一时，下拉列表的数据都被过滤，效果很好。然后当我 select 模式二时，一旦事件被触发，数据就会在控制台上过滤，但不会在下拉列表中过滤。它说“没有找到结果”。

如果我重复其中的任务，select首先输入模态二：数据已过滤，没问题。选择模态后，搜索下拉列表就看不到了。经过一些测试后，我了解到 JS 文件相互冲突。

模态一JS

<!-- Internal Sumoselect js -->
<script src="assets/plugins/sumoselect/jquery.sumoselect.js"></script>

<!-- Internal Select2 js -->
<!-- <script src="assets/js/select2.js"></script> -->
<script src="../assets/plugins/select2/js/select2.min.js"></script>

<!-- Internal Form-elements js -->
<script src="assets/js/advanced-form-elements.js"></script>

<!-- Internal Modal js-->
<script src="assets/js/modal.js"></script>

模态两个JS

<!-- Internal Sumoselect js -->
<script src="assets/plugins/sumoselect/jquery.sumoselect.js"></script>

<!-- Internal Form-elements js -->
<script src="assets/js/advanced-form-elements.js"></script>

<!-- Internal Select2 js -->
<!-- <script src="assets/js/select2.js"></script> -->
<script src="assets/plugins/select2/js/select2.min.js"></script>

<!--Internal  Datepicker js -->
<script src="assets/plugins/jquery-ui/ui/widgets/datepicker.js"></script>

<!--Internal  jquery-simple-datetimepicker js -->
<script src="assets/plugins/amazeui-datetimepicker/js/amazeui.datetimepicker.min.js"></script>

<!-- Ionicons js -->
<script src="assets/plugins/jquery-simple-datetimepicker/jquery.simple-dtpicker.js"></script>

<!--Internal  pickerjs js -->
<script src="assets/plugins/pickerjs/picker.min.js"></script>

<!-- Internal Modal js-->
<script src="assets/js/modal.js"></script>

哪里可能会发生冲突？

Answer 1

这个解决方案很愚蠢。来自两个模态 ID 的 select2 下拉菜单是相同的。最基本的是 ID 应该是唯一的。

Select2 下拉搜索正在消失/找不到结果

Select2 dropdown search is disappearing / No Results Found

javascript

jquery

jquery-select2

dropdown