如何設置表單域的值

Question

我想爲單個模型保存多個單獨的記錄。所以我的表單將有<input>元素的ID看起來像這樣Author0Title; Author1Title; Author2Title等

我會得到這些輸入的值使用jQuery.getJSON()方法。

我想爲這些輸入自動分配單獨的值。

document.getElementById('Author0Title').value = respose.data[0].title; 

像..

for(i=0;i<response.data.length; i++){ 
    var id = 'Author' + i + 'Title'; 
    document.getElementById(id).value = respose.data[0].title; 
} 

但它無法正常工作。我感謝任何幫助。

謝謝。

Answer 1

難道是你拼錯了respose - > response？

否則，「應該工作」。假設您的JSON實際上與您在此代碼中查找的內容匹配。

由於您使用的是jQuery，因此您可能需要使用$('#Author' + i + 'Title').val(response.data[i].title);，儘管它的確如此。

Answer 2

如果你正在使用jQuery：

for (var i = 0; i < response.data.length; i++) { 
    $('#Author' + i + 'Title').val(response.data[i].title); 
} 

這是非常接近你的榜樣，但你有「0」作爲索引，而不是「我」的編碼。

確保您的<input>元素確實同時使用了「id」和「name」，這是按照您的期望構建的。如果他們剛剛得到「名稱」屬性集，你可以這樣做：

$('input[name=Author' + i + 'Title]').val(response.data[i].title);