Jquery-ui自動完成多個實例

Question

嗨我有多個jQuery-UI自動完成實例在一個頁面上運行。

<div id="div1"> 
<input name= "city[1]" class= "city" id="city1" /> 
<select name = "select1" class = "zipcodes" id = "zipcodes1"></select> 
</div> 

<div id="div2"> 
<input name= "city[2]" class= "city" id="city2" /> 
<select name = "select2" class = "zipcodes" id = "zipcodes2"></select> 
</div> 

這些字段是通過javascript添加的。自動完成適用於輸入。回調填充zipcodes字段選項。

select: function(event, ui) { 
    $($(".city").sibling("zipcodes")).empty(); 
    $.each(ui.item.zip, function(Index, Value){ 
     // Populate the zipcodes fields 
     }); 
     } 

的問題是，它填充所有的郵政編碼在頁面上我嘗試使用

(".city").autocomplete("widget") 

選擇要查詢的特定自動完成場

，但它仍然填充所有領域。

如何識別被查詢的特定字段？

Answer 1

嘗試：

select: function(event, ui) { 
    $(this).sibling(".zipcodes").empty(); 

     $.each(ui.item.zip, function(Index, Value){ 
     // Populate the zipcodes fields 
      $(this).sibling(".zipcodes") ....... 
     }); 
     }