<? echo 'ผู้สั่งอาหาร = [',$_REQUEST['Pname'], $_REQUEST['Fname'], "]\n"; $pname=$_REQUEST['Pname']; //เก็บค่าในตัวแปร $user=$_REQUEST['Fname'];//เก็บค่าในตัวแปร ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <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+"\" /> <input type='text' placeholder='จำนวนเงิน' name=\"price"+id+"\" /> <input type='text' placeholder='หมายเหตุ' name=\"note"+id+"\" /> "); // สร้าง 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> </head> <body> <form method="post" action="receive.php"> <div id="cover"> </div> <input name="user" type="hidden" value="<?=$user?>" /> <input type="button" id="btnAdd" value="add" /> </form> <input type="button" id="btnSend" value="send"/> </body> </html>
for($i=1;$i<=$_POST['hidden'];$i++){ echo "detail=".$_POST['detail'.$i].'<br>'; echo "price=".$_POST['price'.$i].'<br>'; echo "note=".$_POST['note'.$i].'<br>'; }
<? // ทดสอบค่า กำหนดให้ $_REQUEST['Pname']='คุณชาย'; $_REQUEST['Fname']='มดน่ะครับ'; ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <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+"\" /> <input type='text' placeholder='จำนวนเงิน' name=\"price"+id+"\" /> <input type='text' placeholder='หมายเหตุ' name=\"note"+id+"\" /> "); // สร้าง 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> </head> <body> <form method="post" action="_test01_receive.php"><!-- _test01_receive.php--> <div id="cover"> </div> <input type="hidden" name="fname" value="<? echo $_REQUEST['Fname'];?>" /> <input type="hidden" name="pname" value="<? echo $_REQUEST['Pname'];?>" /> <input type="button" id="btnAdd" value="add" /> </form> <input type="button" id="btnSend" value="send"/> </body> </html>
<?php for($i=1;$i<=$_POST['hidden'];$i++){ echo $_POST['hidden']; echo "detail=".$_POST['detail'.$i].'<br>'; echo "price=".$_POST['price'.$i].'<br>'; echo "note=".$_POST['note'.$i].'<br>'; echo "Pname=".$_POST['pname'].'<br>'; echo "Fname=".$_POST['fname'].'<br>'; } ?>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
