當表單字段被克隆時遞增多維數組

Question

我有一個允許重複表單字段集的表單（請參見：http://jsfiddle.net/Sd9Ag/8/）。當輸入重複時，如何增加name屬性中的數組編號。

例如：

<input type="input" name="question[1]" /> 
<input type="input" name="questionURL[1]" /> 
<input type="input" name="answer[1][]" /> 
<input type="input" name="answerURL[1][]" /> 

當它被克隆，遞增序列號：

<input type="input" name="question[2]" /> 
<input type="input" name="questionURL[2]" /> 
<input type="input" name="answer[2][]" /> 
<input type="input" name="answerURL[2][]" /> 

的原因，我需要做的是這樣的話，這些問題和答案進行分組時，表格已提交。

Answer 1

更新

好吧，我用你的jsfiddle（我錯過了我首先回答）代碼並做了一些修改。

• 說明我改名爲qnote[1]，以避免混淆回答Notes
• 答案被命名爲answer[1][1]的第一回答第一個問題，對於answer[1][2]第二個答案，第一個問題... answer[2][1]的第一個答案的問題的第二個問題，等等。

工作碼在http://jsfiddle.net/dcUdU/1/

---

原來的答案

使用下面的代碼

elem.name = elem.name.replace(/\[(\d+)\]/,function(str,p1){ 
     return '[' + (parseInt(p1,10)+1) + ']'; 
     }); 

你已經克隆輸入元素each（你從田地的最後一組需要clone）

它使用正則表達式來查找[和]中的數字並將其加1。在用於function as parameter to the replace method

Answer 2

看一看這一個：http://jsfiddle.net/sje397/z3SSL/1/

主要的變化是這樣的：

var emptyQ = $("li.question").clone(), 
    emptyA = $("li.answer").clone(); 

emptyQ.html(emptyQ.html() 
       .replace("question[" + (nextId - 1), "question[" + nextId) 
       .replace("qnotes[" + (nextId - 1), "qnotes[" + nextId)); 
emptyA.html(emptyA.html() 
       .replace("answer[" + (nextId - 1), "answer[" + nextId) 
       .replace("anotes[" + (nextId - 1), "anotes[" + nextId));