使用自動填充和相同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並根據它們識別元素。