18

我正在尝试将一个额外的参数传递给 select2 中的 ajax 调用:

  $(".auto-sug").select2({
    width:'element',
    minimumInputLength:2,
    ajax: {
        url: "/action/get-custom.php",
        data: function (term, page) {
          return {
              q: term, // search term
              page_limit: 10
          };
        },
        results: function (data, page) {
            return {results: data.stuff};
        }
    }
  });

我实际上想将另一个参数传递给ajax调用......元素本身的id

<input type="text" class="auto-sug" name="custom" id="3383" />

但是,我无法弄清楚如何实际访问元素的 id (3383) 或页面上的任何其他值。

4

3 回答 3

16

您应该在 data 函数而不是根 ajax 中传递该额外参数,以便在每次发出请求时执行它:

ajax: {
    url: "/action/get-custom.php",
    data: function (term, page) {
      return {
          q: term, // search term
          anotherParm: whatEverValue, //Get your value from other elements using Query, for example.
          page_limit: 10
      };

然后为了获取当前 select2 的 id,您可以替换whateverValue$(this).data(key)

于 2014-08-01T14:58:33.173 回答
16

假设 class 有多个元素auto-sug,您可以尝试以下操作:

$(".auto-sug").each(function() {
    var thisId = this.id;
    $(this).select2({
        ...
        ajax: {
            ...
            id: thisId,
        },
    });
});
于 2012-11-30T05:20:32.267 回答
1

您可以在此处添加新参数。

 data: function (params) {
        ultimaConsulta = params.term;
        localidad = $("#idOcultoLocalidad").val(); //this is the anotherParm
        return {
            criterio: params.term, // search term
            criterio2: localidad,
        };
    },
于 2017-12-28T16:12:00.337 回答