Question

我想通过使用类来使用多个select2，就像我在自动完成中所做的那样，但我在select2中没有做同样的事情。

这是我的代码：

$('.select2-autocomplete').select2({
  placeholder: "Search",
  minimumInputLength: 1,
  multiple: true,
  ajax: {
    url: "http://example.com/autocomplete-results",
    dataType: 'json',
    data: function(term, page) {
      return {
        q: term,
        type: $(this.element).data('type')
      };
    },
    results: function(data, page) {
      return {
        results: data
      };
    }
  },
});

除此之外一切正常：

type : $(this.element).data('type')

这里我需要select2元素的数据类型值，但总是未定义任何想法我怎么能得到它？

由于

编辑：

<input type="hidden" data-type="products" name="products" class="select2-autocomplete">
<input type="hidden" data-type="customers" name="customers" class="select2-autocomplete">

我想显示ajax的不同结果，这是我想通过ajax发送数据类型的原因

Answer 1

您可以在select2：open事件期间捕获活动元素，然后将其用于数据函数

这是我的例子：

(function(){
var theSelect2Element = null;
$('.select2-autocomplete').select2({
   ...
   data: function(term, page) {
      return {
        q: term,
        type: $(theSelect2Element).data('type')
      };
   },
   ...
}).on('select2:open', function(e){ 
   theSelect2Element = e.currentTarget; 
}))();

祝你好运！

Answer 2

您可以使用$(this.context)，它会将原始的select元素作为jQuery对象返回。

data: function(term, page) {
  return {
    q: term,
    type: $(this.context).data('type')
  };
},

在select2中获取当前元素

2 个答案: