Search2 - 没有搜索的Ajax结果

时间:2018-04-11 13:56:23

标签: jquery-select2

我正在使用ajax从php文件(返回json)中提取数据。

我想知道,您是否可以从Ajax中获取结果并加载点击而无需搜索?所以基本上你单击该字段,它与Ajax中的所有元素一起下降。在文档中找不到。

代码:

 jQuery('.producttypesajax').select2({
    allowClear: true,
    placeholder: {
    id: '',
      text: 'Search by Product Type'
    },
ajax: {
  url: base + '/appProductTypeSearch.php',
  dataType: 'json',
  delay: 250,
  data: function( params ) {
    return {
      q: params.term // search term
    };
  },
  processResults: function( data) {
    return {
      results: data
    };
  },
  cache: true
},
minimumInputLength: 1
  });

  jQuery('.producttypesajax').on('select2:select', function (e) {
var data = e.params.data;
 });

https://select2.org/data-sources/ajax

1 个答案:

答案 0 :(得分:0)

我相信there's no native solution,但是我设法做到了。

由于Select2接受数组作为数据源,因此您可以发出Ajax请求,以返回您的Json对象并将其用作“数组”。

示例代码:

$.ajax({
     url: url,
     type: 'get',
     dataType: 'json',
     success: function (jsonObject){
        $('#mySelect').select2({ data: jsonObject });
     }
});

对我有用。希望对您有所帮助。