无法从 select2 下拉列表中选择结果

Unable to select result from select2 dropdown

本文关键字：选择 结果 下拉列表 select2      更新时间：2023-09-26

我有以下javascript/jQuery，它通过AJAX提取数据。这工作正常，但是我似乎无法从下拉列表中选择一个选项？谁能解释我做错了什么..

这与 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; },
});
首先

，您应该确保processResults函数返回一个具有id和text属性的对象数组，如下所示：

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

然后，加载选项后，可以通过调用以下命令来设置值：

$(".js-data-example-ajax").val('1').trigger('change');
相关文章：