¿Cómo obtener el elemento de entrada que activa el widget de autocompletar jQuery?

Question

Tengo varios campos de entrada que se mejoran con la funcionalidad de autocompletar de jQuery. ¿Cómo obtener el campo de entrada correspondiente cuando se activa un evento de selección?

<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

Trate de usar $(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

Uso $(this)

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

Answer 3

Puede utilizar $(this) o event.target.

Luego puede obtener el nombre usando $(this).prop('name') o event.target.name.

demo

Answer 4

Por lo que yo puedo decir con este ejemplo, usted no necesitaría la $(). this funcionaría bien ya que el nombre es un atributo definido.

this.name

Answer 5

que estaba usando una función anónima para el source parámetro, y dentro de él $(this) referencia a la funcion, no el elemento que estaba provocando la misma. Tuve que usar $(this.element).

El código final terminó similar a este (he simplificado para fines de demostración):

$(".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); 
      } 
     }); 
    } 
});