javascript - 向 select2 添加选项而不更改其当前状态

Question

我有一个<select>加载了 select2 的元素。之后，我进行 ajax 调用以将值放入元素中，然后调用 $("#elem").trigger("change.select2")获得新的<option> s 出现。如果用户在搜索框中输入内容，则会导致下拉菜单关闭并且搜索字段被清空。我想做的是让用户继续输入而不需要重新启动。有什么办法可以做到这一点吗？

Answer 1

不幸的是，我不相信；这是浏览器定义的行为，事实上，当您将项目添加到打开的 <select> 时，不同的浏览器甚至不同的浏览器版本都会有不同的行为。 .

作为替代方案，您可以尝试一些类似选择的组件，例如 jQuery UI's Selectmenu或Select2 ;它们不是真的<select>的，但是实际的自定义 JS 组件的行为就像这样。这应该可以让您更好地控制行为。