Select2 使用 ajax 选择的选项答案

【问题标题】：Select2 selected options with ajaxSelect2 使用 ajax 选择的选项
【发布时间】：2016-05-09 10:17:46
【问题描述】：

我正在使用 Select2 做一些通用过滤器。我通过 Ajax 请求从服务器获取选项，现在我需要使用来自 Cookie 的数据设置所选选项。

我正在尝试：

$("#categoriesselector").select2("val",["01002"]);
$("#categoriesselector").val(["01002"]);
$("#categoriesselector").select2().val(["01002"]);

但这不起作用。对可能发生的事情有任何想法吗？谢谢，伊万。

【问题讨论】：

一开始你是如何初始化 Select2 的？这将决定最佳答案是什么。
感谢您的回答，我正在初始化： $("#caegoriesselector").select2({ ajax.{......}, .......... });我已经解决了，现在我在一个外部函数中执行 ajax 请求，并在 Select2 中填充： $("#caegoriesselector").select2({ data:data, .......... });我认为问题在于 Select2 没有保存 Ajax 请求的结果，所以当我尝试选择一些值时，它不存在。

【解决方案1】：

从Select2 docs 调用select2 时必须设置data，如下所示：

$('#categoriesselector').select2({
  data: [
    {
      id: '01002',
      text: '01002'
    }
  ]
});

【讨论】：

我的页面上有 100 个 select2，我想直接在我的 html 模型中设置一些东西。什么可能是最好的，具有 ajax 功能。目前我使用 selected 属性。

【解决方案2】：

要在您的 select2 上显示选定的选项，您必须运行以下行：

$('#id_of_your_select2').val(array_of_selection_ids).trigger('change')

【讨论】：