javascript - 通过 javascript/jquery 关闭 select2 下拉菜单

美好的一天，如何通过 jquery 或 javascript 正确关闭 select2 下拉菜单？

现在我使用 select2-dropdown.toggle() 来关闭它，

但我注意到它只会隐藏列表并且 select2 框仍被突出显示 enter image description here

我想失去焦点或类似的东西只是为了正确关闭它并能够得出这样的结果 enter image description here .

顺便说一下，屏幕截图是黑色的，因为那些 select2 框位于 Bootstrap 模式下，每当我按下 enter 时就会出现。

如有任何建议，我们将不胜感激!提前致谢

最佳答案

我知道这是一个老问题，但要使用 API 来解决这个问题，您只需执行以下操作:

Select2 API

 $("#select2-drop-mask").select2("close");

这个问题还提到了 Bootstrap 模式对话框，这往往是人们想要以编程方式关闭它的原因。

对于任何人来说，这就是你如何做的信息:

Bootstrap 3

$('#myModal').on('hidden.bs.modal', function () {
  $('#select2-drop-mask').select2("close");
})

Bootstrap 2

$('#myModal').on('hidden', function () {
   $('#select2-drop-mask').select2("close");
})

关于javascript - 通过 javascript/jquery 关闭 select2 下拉菜单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21648246/