ขอสอบถามการเพิ่มลบแถวในตารางค่ะ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ขอสอบถามการเพิ่มลบแถวในตารางค่ะ

ขอสอบถามการเพิ่มลบแถวในตารางค่ะ
ขอสอบถามการเพิ่มลบแถวค่ะ จาก 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>


Watanya17 202.183.207.xxx 02-02-2017 11:13:03

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ลองดูเกี่ยวกับปรับแต่งการ clone ตามนี้ดูเป็นแนวทาง

https://www.ninenik.com/google_search.php?cx=partner-pub-7717395067782467:ktjcwvnnoei&cof=FORID:11&ie=utf-8&q=clone&sa=


ninenik 14.207.96.xxx 02-02-2017






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