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