Question

我有一个按钮，它使用自己的id复制两个输入（i ++和r ++ from original）。当我提交表格并运行时：

foreach ($_POST as $id => $value) {
    echo $value;            
}

process.php页面无法识别新输入$ id或$ value。

复制代码如下：

document.getElementById('button').onclick = duplicate
var i = 0;
var r = 0;
var items = document.getElementById('items');
var cantidad = document.getElementById('cantidad');
function duplicate() {
 var cloneitems = items.cloneNode(false); // "deep" clone
 cloneitems.id = "items" + ++r; // there can only be one element with an ID
 items.parentNode.appendChild(cloneitems);
 var cloneCantidad = cantidad.cloneNode(false); // "deep" clone
 cloneCantidad.id = "cantidad" + ++i; // there can only be one element with an ID
 cantidad.parentNode.appendChild(cloneCantidad);
}

我的HTML：

<form method="post" action="process.php" enctype="multipart/form-data">
 <h4 class="input-margin">Items<button type="button" id="button" onclick="duplicate()" class="btn btn-primary margin-left input-margin">+</button></h4>
  <div>
   <div class="input-margin">
    <div class="col-xs-12 col-sm-6">
     // First duplicated input
     <select class="input-margin form-control" id="items" placeholder="Nombre" name="item" data-style="btn-primary">
      <option></option>
      <?php while($row = mysqli_fetch_array($itemResults)) :  ?>
      <option><?php echo $row['item']; ?></option>   
      <?php endwhile; ?>
     </select>
    </div>
    <div class="col-xs-12 col-sm-6">
     // Second duplicated input
     <input type="number" class="input-margin form-control txtboxToFilter" id="cantidad" placeholder="Cantidad" name="cantidad" min="1">
    </div>
   </div>
  </div> 
 </div>
 <div class="col-xs-12 col-sm-12 submit-button">
  <button type="submit" class="btn btn-primary btn-block" name="submit" value="ingreso">Ingresar</button>
 </div>
</form>

用户必须能够根据需要使用尽可能多的重复。它们中的每一个都有不同的输入，这就是为什么我需要使用唯一的id来在mysql中进行更改。

为什么没有显示或识别新的ID，是否有更好的方法从重复的输入中获取所有值？

Answer 1

表单字段将使用其名称而不是其ID进行过帐。因此，每个附加的输入都将覆盖其他输入。区分名称，您将获得每个名称。或者你可以给这些输入一个数组作为名称： name="cantitad[]" 你会得到一个包含所有值的数组。

提交表单，包含输入重复项

1 个答案: