通过 jQuery 关闭任何 Select2 下拉菜单答案

【问题标题】：Close ANY Select2 dropdowns via jQuery通过 jQuery 关闭任何 Select2 下拉菜单
【发布时间】：2019-10-11 19:48:21
【问题描述】：

任何人都知道如何在不知道 ID 的情况下以编程方式关闭 Select2 ？基本上，如果有一个 Select2 打开，请关闭它。

（如果有人打开一个模态框（包含 Select2），打开下拉菜单，然后单击远离/关闭模态框，模态框将关闭，但 Select2 会继续显示，直到再次单击。）

例如，这可行但您需要知道 ID：

// If a Modal is hidden, close the Select2 contained therein
$(document).on('hide.bs.modal', '.modal', function() {
    $("#myDropdown").select2("close");
});

这（按班级选择）不起作用 - 至少对我来说：

$(document).on('hide.bs.modal', '.modal', function() {
    $(".select2").select2("close");
});

我知道还有其他类似的主题，但我查看了一堆，但没有找到解决方案。

如：close select2 dropdown via javascript/jquery

有什么想法吗？

【问题讨论】：

标签： javascript jquery jquery-select2

【解决方案1】：

好的，我明白了。将一个唯一的（不是 class="select2"）类添加到您在模式中拥有的所有 Select2 下拉列表中，然后使用此代码：

// If a Modal is hidden, close any open Select2 contained therein - so it doesn't lag behind
$(document).on('hide.bs.modal', '.modal', function() {
   $(".select2-close").select2("close");
});

这似乎运作良好。（在这种情况下，我创建了一个名为 select2-close 的类）

【讨论】：