Question

我有一个简单的Javascript，可以在表单中添加文本框。它似乎工作（即表单中添加了一个新框），但是当我提交新表单时，元素不会添加到数组中。因此，只提交第一个文本框中的信息。这是代码。

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++;
 }
}

任何帮助都将不胜感激。

Answer 1

您的输入名称必须是唯一的，否则它将获取第一个，并省略其余类似于JS如何处理ID

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

1 个答案: