从 php 中的 jquery 循环获取数据

Question

我有一种形式，我通过 jquery 在其中一个 div 中添加新行

<div class="packs">

  <div>

     <input type="text" placeholder="Enter Name" name="pname" id="pname" value="Test" />

     <img class="add-icon" src="media/icon/add.png" height="30" width="30">

  </div>

</div>

在 jquery 中，我这样做：

$(document).ready(function(){      

  $(".packs").on('click', '.add-icon', function () {

     $(".packs").append('<div><input type="text" placeholder="Enter Name" name="pname" id="pname" value="Test" /><img class="add-icon" src="media/icon/add.png" height="30" width="30"></div>');

  });

});

我需要的是获取我添加的所有元素的数组。 $_POST['pname']只返回最后输入的元素。

有人可以建议在这里做什么。

Answer 1

如果您想存储在数据库中，我假设您在填写结束时提交此表格。然后您应该将索引添加到各个行。您将在 variable 下获得数组$_POST['pname']。$(document).ready(function(){&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; let id_no = 0;&nbsp; &nbsp; $(".packs").on('click', '.add-icon', function () {&nbsp; &nbsp; &nbsp; &nbsp; id_no += 1;&nbsp; &nbsp; &nbsp; &nbsp; $(".packs").append('<div><input type="text" placeholder="Enter Name" name="pname[' + id_no + ']" class="pname" value="Test" /><img class="add-icon" src="media/icon/add.png" height="30" width="30"></div>');&nbsp; &nbsp; });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="packs">&nbsp; &nbsp; <div>&nbsp; &nbsp; &nbsp; &nbsp; <input type="text" placeholder="Enter Name" name="pname[0]" id="pname" value="Test" />&nbsp; &nbsp; &nbsp; &nbsp; <img class="add-icon" src="media/icon/add.png" height="30" width="30">&nbsp; &nbsp; </div></div>