jQuery中處理多個ID和更新只相同的ID

Question

的輸入這是我的代碼，我使用的自動完成功能（從PHP的分貝我得到的ID和姓名）

<input type="text" id="rubrica_1"><input type="hidden" id="value_1"> 
<input type="text" id="rubrica_2"><input type="hidden" id="value_2"> 
<input type="text" id="rubrica_3"><input type="hidden" id="value_3"> 

然後腳本

$('[id^=rubrica_]').autocomplete({ 
    source:'content/json/autocomplete.php', 
    minLength:2, 
    select: function(event,ui){ 
     $('[id^=value_]').val(ui.item.id); 
    } 
    }); 

使用此解決方案，我使用相同的值更新所有value_1，value_2和value_3 ...

Answer 1

您可以在選擇函數中使用$(this)，該函數引用目標輸入元素。

$('[id^=rubrica_]').autocomplete({ 
source:'content/json/autocomplete.php', 
minLength:2, 
select: function(event,ui){ 
    $(this).next().val(ui.item.id); 
} 
}); 

Answer 2

您可以使用分配的值相同的元素

<input type="text" id="rubrica_1"><input class="same_id" type="hidden" id="value_1"> 
<input type="text" id="rubrica_2"><input class="same_id" type="hidden" id="value_2"> 
<input type="text" id="rubrica_3"><input class="same_id" type="hidden" id="value_3"> 

$('[id^=rubrica_]').autocomplete({ 
source:'content/json/autocomplete.php', 
minLength:2, 
select: function(event,ui){ 
    $('.same_id').val(ui.item.id); 
} 
});