使用JQuery填充HTML輸入數組

Question

當談到JQuery時，我非常喜歡newb，這是因爲嘗試瞭解如何使用它。

我有一個表格定義中，我有一系列的類似下面的輸入：

<input name="Name[]"> 

我已經成功地建立了jQuery來克隆可變數目的這些和提交作品完美。當我將這個提交給PHP時，我得到了我期待的發佈數據。

["Name"]=> array(6) { [0]=> string(0) "" [1]=> string(0) "" [2]=> string(0) "" [3]=> string(0) "" [4]=> string(0) "" [5]=> string(0) "" } 

但是我遇到的問題是試圖用我的PHP返回的json數據填充這些表單元素。當我嘗試設置形式，這些元素的值用：

$('[name='+key+']', frm).val(value); 

其中（例如）key = Name[0]

我沒有多少運氣，並得到一個錯誤：

Uncaught Error: Syntax error, unrecognized expression: [name=Name[0]] 

顯然它不喜歡那裏的括號？有沒有辦法以這種方式訪問​​元素？

Answer 1

就拿我的答案只有一個建議。
可以使用輸入的索引/位置eq函數來設置值

例如

$('[name="Name[]"]', frm).eq(key).val(value); 

或

$('[name="Name[]"]:eq('+key+')', frm).val(value); 

其中關鍵是的索引/位置輸入陣列(ie: 0, 1, 2, ....)
更多此處瞭解http://api.jquery.com/eq/

Answer 2

你需要轉義[]與雙反斜槓//它的工作。

$('input[name="Name\\[0\\]"]') 

試試這個

key= key.replace(/\[/g, "\\\\["); 
key= key.replace(/\]/g, "\\\\]"); 

$('[name="'+key+'"]', frm).val(value); 

Answer 3

元素的名稱在JavaScript中保留Name[]，因此也是jQuery。索引名稱僅適用於PHP。 jQuery將簡單地返回一個集合（就像名稱未使用[]一樣），每個jQuery對象都可以使用.eq()方法訪問。

<input name="Name[]" /> 
<input name="Name[]" /> 

var jsonResp = ["hello", "world"]; 

$.each(jsonResp, function(idx, val) { 
    $('[name = "Name[]"]').eq(idx).val(val); 
}); 

JSFiddle Demo