Cách nhận yếu tố đầu vào kích hoạt tiện ích tự động hoàn thành jQuery?

Question

Tôi có một số trường nhập được tăng cường với chức năng tự động hoàn thành jQuery. Làm cách nào để nhận được trường nhập tương ứng khi một sự kiện được chọn được kích hoạt?

<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

Hãy thử sử dụng $(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

Sử dụng $(this)

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

Answer 3

Bạn có thể sử dụng $(this) hoặc event.target.

Sau đó, bạn có thể lấy tên bằng cách sử dụng $(this).prop('name') hoặc event.target.name.

demo

Answer 4

Theo như tôi có thể nói ví dụ này, bạn sẽ không cần các $(). this sẽ hoạt động tốt vì tên là thuộc tính được xác định.

this.name

Answer 5

Tôi đã sử dụng một chức năng ẩn danh cho source param, và $(this) bên trong nó tham chiếu funcion, không phải là yếu tố đó đã được kích hoạt nó. Tôi đã phải sử dụng $(this.element).

Các mã cuối cùng đã kết thúc tương tự như này (tôi đơn giản hóa nó cho mục đích demo):

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