我有一種形式，我通過(guò) jquery 在其中一個(gè) 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>'); });});我需要的是獲取我添加的所有元素的數(shù)組。 $_POST['pname']只返回最后輸入的元素。有人可以建議在這里做什么。
1 回答
月關(guān)寶盒
TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超5個(gè)贊
如果您想存儲(chǔ)在數(shù)據(jù)庫(kù)中，我假設(shè)您在填寫(xiě)結(jié)束時(shí)提交此表格。
然后您應(yīng)該將索引添加到各個(gè)行。您將在 variable 下獲得數(shù)組$_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 關(guān)注
- 199 瀏覽
添加回答
舉報(bào)
0/150
提交
取消