如何获取触发jQuery自动填充小部件的输入元素？

Question

我有几个使用jQuery自动完成功能进行增强的输入字段。如何在选择事件触发时获取相应的输入字段？

<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

尝试使用$(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

使用$(this)

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

Answer 3

您可以使用$(this)或event.target。

然后你可以使用$(this).prop('name')或event.target.name得到名字。

demo

Answer 4

至于我可以告诉在这个例子中，你就不需要$()。 this工作得很好，因为name是一个定义的属性。

this.name

Answer 5

我使用的匿名函数为source PARAM，和$(this)里面引用的funcion，而不是被触发它的元素。我不得不使用$(this.element)。

最终代码结束与此类似（我简化它用于演示目的）：

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