我有一種形式，我通過 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']只返回最后輸入的元素。有人可以建議在這里做什么。
1 回答
月關寶盒
TA貢獻1772條經驗 獲得超5個贊
如果您想存儲在數據庫中，我假設您在填寫結束時提交此表格。
然后您應該將索引添加到各個行。您將在 variable 下獲得數組$_POST['pname']。
$(document).ready(function(){
let id_no = 0;
$(".packs").on('click', '.add-icon', function () {
id_no += 1;
$(".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>');
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="packs">
<div>
<input type="text" placeholder="Enter Name" name="pname[0]" id="pname" value="Test" />
<img class="add-icon" src="media/icon/add.png" height="30" width="30">
</div>
</div>
- 1 回答
- 0 關注
- 188 瀏覽
添加回答
舉報
0/150
提交
取消