Wie erhält man das Eingabeelement, das das jQuery-Autocomplete-Widget auslöst?

Question

Ich habe mehrere Eingabefelder, die mit jQuery Auto-Vervollständigung Funktionalität erweitert werden. Wie erhalte ich das entsprechende Eingabefeld, wenn ein Select-Event ausgelöst wird?

<input name="1" value=""> 
<input name="2" value=""> 
<input name="3" value=""> 

$('input[type=text]').autocomplete({ 
    source: 'suggestions.php', 
    select: function(event, ui) { 
     // here I need the input element that have triggered the event 
    } 
}); 

Answer 1

Versuchen $(this)

$('input[type=text]').autocomplete({ 
    source: 'suggestions.php', 
    select: function(event, ui) { 
     // here I need the input element that have triggered the event 
     alert($(this).attr('name')); 
    } 
}); 

Answer 2

Verwenden $(this)

select: function(event, ui) { 
     $(this).attr('name'); 
    } 

Answer 3

Sie $(this) oder event.target verwenden können.

Dann können Sie den Namen mit $(this).prop('name') oder event.target.name erhalten.

demo

Answer 4

Soweit ich für dieses Beispiel sagen kann, würden Sie die $() nicht brauchen. this würde gut funktionieren, da name ein definiertes Attribut ist.

this.name

Answer 5

Ich war eine anonyme Funktion für die source param verwenden und $(this) im Inneren der funcion Bezug genommen wird, nicht das Element, das es wurde ausgelöst wird. Ich musste $(this.element) verwenden.

Der endgültige Code endete ähnlich wie diese (ich es für Demozwecke vereinfacht):

$(".regionsAutocomplete").autocomplete({ 
    source: function(request, response){ 

     //The next line is the important one for this example 
     var input = this.element; 
     $(input).css('color','red'); 

     var data = {'foo':'bar'}; 
     $.ajax({ 
      'url': ajaxurl, 
      'data': data, 
      'method': "POST", 
      'dataType': "json", 
      'success': function(data) { 
       response(data); 
      } 
     }); 
    } 
});