无法 select 结果来自 select2 下拉列表

Question

我有以下 javascript/jQuery 从 AJAX 获取数据。效果很好，但是我似乎无法 select 从下拉列表中选择一个选项？谁能解释一下我做错了什么..

这个跟id有关..

$(".js-data-example-ajax").select2({
  ajax: {
   url: "/admin/generator/teams",
   dataType: 'json',
   delay: 250,
   data: function (params) {
    return {
      q: params.term, // search term
      page: params.page
   };
},
processResults: function (data, params) {
  // parse the results into the format expected by Select2
  // since we are using custom formatting functions we do not need to
  // alter the remote JSON data, except to indicate that infinite
  // scrolling can be used
  params.page = params.page || 1;

  return {
    results: data.items,
    pagination: {
      more: (params.page * 30) < data.total_count
    }
  };
},
 cache: true
},
 escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
 minimumInputLength: 1,
 id: function(data){ return data._id; },
});

Answer 1

首先，您应该确保 processResults 函数 returns 具有 id 和 text 属性的对象数组，如下所示：

{ id: '1', text: 'Option 1' }

加载选项后，您可以通过调用设置值：

$(".js-data-example-ajax").val('1').trigger('change');

无法 select 结果来自 select2 下拉列表

Unable to select result from select2 dropdown

javascript

jquery

select

json

select2