使用自动填充和相同ID填充多个字段

Question

解决此问题的时间很艰难！

基本上，我有这种类型的表格：

<div class="row loop"> 
     <label class="input"> 
      <input type="text" name="ajax1" id="_ajax1[]" class="ajax1"> 
     </label> 
     <label class="input"> 
      <input type="text" name="ajax2" id="_ajax2[]" class="ajax2"> 
     </label> 
</div> 

<div class="row loop"> 
     <label class="input"> 
      <input type="text" name="ajax1" id="_ajax1[]" class="ajax1"> 
     </label> 
     <label class="input"> 
      <input type="text" name="ajax2" id="_ajax2[]" class="ajax2"> 
     </label> 
</div> 

每个div都算作我排队，我有10周以上的div像这样的吧。

我自动完成第一个“ajax1”输入没有问题，与每个。 现在，我想要的是根据用户为“ajax1”字段的自动填充选择的内容更改“ajax2”输入的值。这里的问题是，当我更改“ajax2”值时，它会更改所有div的“ajax2”值。

我真正想要的是，对于每个div，自动完成“ajax1”值，然后填充“ajax2”跟随选择的内容。

正如我在动态添加的div，我不能让这些ID唯一..

非常感谢！

Answer 1

假设自动完成时有一个事件处理程序，您可以使用最接近/查找对来获取所需的元素。处理函数里面一个简单的例子是这样的：

$(this).closest('.row').find('.ajax2').val('NEW VALUE'); 

您从基本元素（附有自动完成功能）开始，上浮到包装DIV然后找到想要的元素。

请注意，这只是查找给定结构中的元素的一种技巧，您应该尝试找到一种方法来生成唯一的ID并根据它们识别元素。