ขอสอบถามการเพิ่มลบแถวในตารางค่ะ
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ขอสอบถามการเพิ่มลบแถวในตารางค่ะ
ขอสอบถามการเพิ่มลบแถวในตารางค่ะ
Copy
ขอสอบถามการเพิ่มลบแถวค่ะ จาก https://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) ขอบคุณครับ