jquery - select2 的编程选择，通过 Ajax 检索其数据

Question

我正在使用 select2 版本 4.0，并且我正在尝试对一个选择框进行编程选择，该选择框从 ajax 调用获取其数据。

在文档中，我找到了如何以编程方式将值设置为常规 select2，但我不知道如何使用 ajax select 来执行此操作。

如果我没记错的话，在旧版本中，您可以通过使用以下命令将数据传递给 select2 来设置当前值:

jQuery("selectbox").select2("data", data)

我已经尝试过这个，并发送了一个包含 id、文本和结果的数据对象，但没有任何可见的情况发生，当我查询选择框的状态以查看所选值时，它返回 null。

此选项是被删除还是只是被更改了？我可以在文档中的哪里找到它，或者如何实现所需的行为？

Answer 1

实现此目的的唯一方法是首先添加 <option>到带有您想要选择的数据的 select dom，然后像使用常规选择框一样选择它。这也是 kevin-brown 在他们的 github 项目页面上的官方答案。

https://github.com/select2/select2/issues/3273

所以，基本上，如果您知道要选择什么，您可以轻松创建 <option>元素，将其添加到原始选择框，然后通过它的值选择它:

var option=jQuery("<option>").attr("value","your_id_here").html("your_text_here");
jQuery("selectbox").append(option);
jQuery("selectbox").val("your_id_here").trigger("change");