<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Form_new_table.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <!-- InstanceBeginEditable name="doctitle" --> <title>สำนักงานขนส่งจังหวัดสมุทรสาคร</title> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> var i = 1; $(function(){ $('#btn-add').click(function(){ if(i <= 4) { $('#group-PLATE_NUMBER').append('<p id="text_number' + i + '">รหัส : <input type="text" name="PLATE_NUMBER' + i + '" id="PLATE_NUMBER' + i + '" /></p>\n'); i++; } else alert('เพิ่มได้แค่ 5 เลขทะเบียบแค่นี้ครับ'); }); $('#btn-del').click(function(){ var r = "input#PLATE_NUMBER" + (i-1); var ptext = "#text_number" + (i-1); if(i > 1) { $(r).remove(); $(ptext).remove(); i--; } else alert('ไม่มี textbox ที่จะลบ'); }); }); </script> </head> <body> <form id="form1" name="form1" method="post" action="test22.php"> รหัส : <input type="text" name="PLATE_NUMBER0" /><input type="button" id="btn-add" value="เพิ่ม Textbox" /><input type="button" id="btn-del" value="ลบ Textbox" /> <div id="group-PLATE_NUMBER"></div> <input type="submit" name="button" id="button" value="Submit" /> </body> </html>
var i = 2; $(function(){ $('#btn-add').click(function(){ if(i <=5) { $('#group-PLATE_NUMBER').append('<p id="text_number' + i + '">รหัส '+ i + ' : <input type="text" name="PLATE_NUMBER' + i + '" id="PLATE_NUMBER' + i + '" /></p>\n'); i++; } else alert('เพิ่มได้แค่ 5 เลขทะเบียบแค่นี้ครับ'); });
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง