รายละเอียดของการตอบ ::
<script>
$(document).ready(function(){
first(); // เมื่อ page ถูกโหลดจะทำฟังก์ชัน first ก่อน
$('#btnAdd').click(first); // เมื่อ click จะสร้าง element ขึ้นมาใหม่(สร้างอินพุตใหม่)
$('#btnSend').click(send); //เมื่อคลิกจะทำฟังก์ชัน send
});
function first(){//ค่าที่ส่งไปเพื่อบันทึกลงฐาน
var id = $('#cover div').length+1; // นับว่ามี tag div กี่อันแล้ว แล้ว +1
var wrapper = $("<div id=\"field"+id+"\">"); // สร้าง div
var parag = $("<p>รายการที่\...["+id+"\]</p>"); // สร้าง p
var text = $("<input type='text' placeholder='รายการอาหาร' name=\"detail"+id+"\" value="<?=$row['detail']?>"/> <input type='text' placeholder='จำนวนเงิน' name=\"price"+id+"\" value="<?=$row['price']?>"/> <input type='text' placeholder='หมายเหตุ' name=\"note"+id+"\" value="<?=$row['note']?>"/> "); // สร้าง input
var btnDel = $("<input type='button' value='- del' id=\"btn"+id+"\"/>");
btnDel.click(function(){
$(this).parent().remove();
});
wrapper.append(parag);
wrapper.append(text);
wrapper.append(btnDel);
$('#cover').append(wrapper);
}
function send(){ //นับ div ทั้งหมดก่อนส่ง
var id= $('#cover div').length;
var hiddens = $("<input type='hidden' name='hidden' value=\""+id+"\"/>");
$('form').append(hiddens);
$('form').submit();
}
</script>
----------------------------
ผมลองแก้ ตามที่แนะนำแล้วครับ แต่มันยังไม่ออกเลย ครับบบบ