javascript - 到达select2 select的data-attribute

Question

有没有办法从 select2 中获取数据属性？

$('select').select2({
  ajax: {
    url: url + '&id=' + $(this).attr('data-id')
    //...
  }
});
//...
<select data-id="1"></select>
<select data-id="2"></select>
<select data-id="3"></select>

Answer 1

要将自定义参数传递到 select2 中的 ajax url，您应该使用 data ajax 函数:

$('select').select2({
  ajax: {
    url: "zee/base/url" // base url, no params
    data: function(params) {
      return {
        q: params.term,          // search term
        id: $(this).data('id')   // ta daaaa!
        page: params.page
      };
    },

    // moar ajax options
  },

  // moar select2 config options
})

作为一般说明，select2 配置选项中的 this 指的是 select2 实例(它是一个对象)和 data 中的 this上面概述的函数引用了调用的 DOM 元素 select2，因此 jQuery 包装器$(this) 有一个 .data() 方法。