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

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);

就这样完成了。