创建新附加子项的动态名称

Question

我在特定的td标签中有以下表单输入。

<input type="text" value="" name="form_data[1][1][text]"><br>
<input type="text" value="" name="form_data[1][2][text]"><br>
<input type="text" value="" name="form_data[1][3][text]"><br>

此外，我还有附加新表单的代码。但是我需要更改它的名称form_data[1][4][text]，这是数组名称，下一个文本索引应该来。

即

<input type="text" value="" name="form_data[1][4][text]"><br>

Answer 1

在输入中添加一个类，获取此类的元素数：

var nbElt = document.getElementsByClassName('yourclass').length;
var newInp = document.createElement('input');
newInp.name = "form_data[1]["+parseInt(nbElt+1)+"][text]";
document.body.appendChild(newImp);

已经完成了。