Comment obtenir l'ID du contrôle appelant la fonction de saisie semi-automatique jquery?

Question

Je souhaite utiliser le plug-in jquery autocomplete sur plusieurs boîtes de saisie. Afin de conserver mon code DRY, je veux lier la fonction autocomplete à une classe et dans la fonction autocomplete, passer l'identifiant du champ qui l'a appelé comme paramètre supplémentaire. Ce que je lutte avec est d'obtenir l'identifiant du champ qui a appelé la fonction. Exemple de code de ce que je fais est ci-dessous; Quelqu'un peut-il voir le problème?

 $(".className").autocomplete('<%=Url.Action("Method", "Controller") %>', { 
      dataType: 'json', 
      parse: function(data) { 
       var rows = new Array(); 
       for (var i = 0; i < data.length; i++) { 
        rows[i] = { data: data[i], value: data[i], result: data[i] }; 
       } 
       return rows; 
      }, 
      formatItem: function(row) { 
       return row; 
      }, 
      extraParams: { 
       extra: function() { 
        var Field1 = $(this).attr('id'); 
        var Field2 = $("#Field1").val(); 
        var Field2 = $("#Field2").val(); 
        var Field3 = $("#Field3").val(); 
        return Field1 + "$" + Field2 + "$" + Field3 + "$" + Field4; 
       } 
      }, 
      delay: 40, 
      autofill: true, 
      selectFirst: false, 
      multiple: false 
     }); 

Answer 1

Etes-vous sûr ce est passé à votre fonction extraParams? Sinon, vous pouvez utiliser quelque chose comme:

$(".className").each(function(){ 
    var el = $(this); 
    ..... 
     extra: function() { 
      var Field1 = el.attr(id); 
     } 
}); 

Cela vous permettra de lier chaque autocomplete à son propre élément spécifique.