Javascript添加的表单元素未添加到数组

Question

I have a simple Javascript that adds text boxes to a form. It appears to work (ie a new box is added to the form) but when I submit the new form elements are not added to the array. So only the info in the first text box is submitted. Here is the code.

HTML

<div id="dynamicInput">
      Part SKU 1: <input type="text" name="myInputs[]">
 </div>
 <input type="button" value="Add Another Part" onClick="addInput('dynamicInput');">

JS

var counter = 1;
var limit = 5;
function addInput(divName){
 if (counter == limit)  {
      alert("You have reached the limit of adding " + counter + " inputs");
 }
 else {
      var newdiv = document.createElement('div');
      newdiv.innerHTML = "Part " + (counter + 1) + " <br><input id='input"+(counter + 1)+"' type='text' name='myInputs[]'>";
      document.getElementById(divName).appendChild(newdiv);
      counter++;
 }
}

Any help would be appreciated.

Answer 1

您的输入名称必须唯一，否则它将抓取第一个，而忽略其余的，类似于JS处理ID的方式