ขอสอบถามการเพิ่มลบแถวในตารางค่ะ
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ขอสอบถามการเพิ่มลบแถวในตารางค่ะ
ขอสอบถามการเพิ่มลบแถวในตารางค่ะ
Copy
ขอสอบถามการเพิ่มลบแถวค่ะ จาก http://www.ninenik.com/เทคนิค_การเพิ่ม_ลบ_แถว_ในตาราง_รายการข้อมูล_ด้วย_jQuery_อย่างง่าย-299.html ได้ลองนำมาปรับใช้แล้ว แต่ว่าช่องที่มีการใส่ datepicker ตอนเพิ่มแถว ตัวdatepicker ไม่ cloneมาด้วยอ่าค่ะ cloneแต่ช่องinputว่างๆ ไมทราบว่าต้องแก้ไขตรงไหนเพิ่มเติมรึป่าวคะ
<html> <head> <title>.:TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="css/style.css"> <link href="CSS/autocomplete.css" rel="stylesheet" type="text/css"/> <link href="CSS/jquery-ui.css" rel="stylesheet" type="text/css"/> <link href="CSS/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css"/> <script language="javascript" src="js/jquery-1.4.1.min.js"></script> <script src="js/autocomplete.js" type="text/javascript"></script> <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script> <script src="js/jquery-ui-sliderAccess.js" type="text/javascript"></script> <script src="js/jquery-ui-timepicker-addon.js" type="text/javascript"></script> <script src="js/jquery-ui.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("#dateInput").datepicker({ dateFormat: 'dd/mm/yy' }); }); </script> <script type="text/javascript"> $(function(){ $("#addRow").click(function(){ $("#tblsitesurvey").append($("#trsitesurvey").clone()); }); $("#removeRow").click(function(){ if($("#tblsitesurvey tr").size()>2){ $("#tblsitesurvey tr:last").remove(); }else{ alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ"); } }); }); </script> </head> <body> <form name="presaleSitesurvey" method="POST" action="Presale_CostEstimation.php"> <table id="tblsitesurvey" name="tblsitesurvey" border="1" > <tr bgcolor="#aaa"> <td align="center"><font size="2" color="#fff">Date</font></td> </tr> <tr id="trsitesurvey" > <td><input type="text" name="dateInput" id="dateInput" value="" /></td> </tr> </table> <input class="loginform_add" type="button" name="add" id="addRow" value="Add"> <input class="loginform_add" type="button" name="remove" id="removeRow" value="Delete"> </form> </body> </html>

คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ