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

Question

我正在研究一个有两种模式的案例。每个模式都包含一个 select2 搜索下拉菜单。我面临的问题是，每当我选择模式之一时，下拉列表的数据都会被过滤，效果很好。然后当我选择模式二时，一旦触发事件，数据就会在控制台上过滤，但不会在下拉菜单中过滤。它显示“未找到任何结果”。

如果我像中一样重复任务，首先选择模式二：数据被过滤，没问题。选择模式之一后，搜索下拉菜单无处可见。经过一些测试，我了解到 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应该是唯一的。