jQuery autocomplete - 获取自动完成输入字段的 id

Question

我有这个 jQuery 代码：

$(".autocomplete").autocomplete('url',{
  extraParams: {country: function(){
    var id = $(this).attr("id"); // not working
    var country = id.replace("uni", "country");
    var country_id = $("#"+country).val();
    return country_id;
  }}            
}).result(function(event, item) {
 // getNames(item);
});

因为我将有几个带有自动完成字段的 ajax 加载表单， 我需要他们每个人发送适当的附加参数 从相应的表单到服务器。

我试图通过获取输入字段的 id 并使用它来获取将保存必要参数的国家/地区字段的 id 来实现此目的。 id 将采用适当的格式以实现此目的。类似：

uni_1、country_1； uni_2； Country_2

uni 是自动完成字段，country 是附加参数。

我已经意识到 $(this).attr("id") 在自动完成功能中不起作用，就像使用简单的 jQuery 事件一样，并且我还没有找到执行此操作的方法。我尝试使用 toSource 方法来查看自动完成对象，但它似乎不保存字段 id。

因此，如果有人知道如何做到这一点，请分享。

预先非常感谢您。 伊万

Answer 1

你可以尝试

$(".autocomplete").each(function() {
  var id = $(this).attr("id");
  $(this).autocomplete('url',{
      extraParams: {country: function(){
        var country = id.replace("uni", "country");
        var country_id = $("#"+country).val();
        return country_id;
      }}            
    }).result(function(event, item) {
     // getNames(item);
    });
});