<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/jquery.datetimepicker.js"></script> <table width="100px" border="1" id="myTbl"> <?php $i=1; $i=50; $i++; ?> <tr> <td width="91"> <select id="pagelist" class="firstTr" > <option value="">เลือก</option> <option value="1">First</option> <option value="2">Second</option> </select> <div id="1" style="display:none"> <img src="img/product/1.png" /> </div> <div id="2" style="display:none"> <img src="img/product/2.png" /> </div> </td> </tr> <?php $i++ ?> <input type="button" id="createRows" value="+"> </table> <script language="javascript"> var i=0; $("#pagelist").change(function(){ i++; var DivHTML = $("#DivID").html(); var viewID = $("#pagelist option:selected").val(); $("#pagelist option").each(function(){ var hideID = $(this).val(); $("#"+hideID).hide(); }); $("#"+viewID).show(); }); $(function(){ var k=0; $("#createRows").click(function(){ // ส่วนของการ clone ข้อมูลด้วย jquery clone() ค่า true คือ // การกำหนดให้ ไม่ต้องมีการ ดึงข้อมูลจากค่าเดิมมาใช้งาน k++; $(".firstTr:eq(0)").clone(true) .find("input").attr("value","").end() .find("select").attr("value","").end() .find("img").attr("src","0").end() .find(".removeRow").show().end() .appendTo($("#myTbl")); // $("div"); // คืนค่า elements ทั้งหมด }); }); </script>
<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/jquery.datetimepicker.js"></script> <table width="200px" height="200px" border="1" id="myTbl" > <tr class="aa"> <td width="91"> <select id="pagelist" class="firstTr" > <option value="">เลือก</option> <option value="1">First</option> <option value="2">Second</option> <option value="3">S</option> </select> <div id="1" style="display:none"> <img src="img/product/1.png" width="200px" /> </div> <div id="2" style="display:none"> <img src="img/product/2.png" width="200px" /> </div> <div id="3" style="display:none"> <img src="img/product/3.png" width="200px" /> </div> </td> </tr> </table> <input type="button" id="createRows" value="+"> <script language="javascript"> $("#pagelist").change(function(){ var viewID = $("#pagelist option:selected").val(); $("#pagelist option").each(function(){ var hideID = $(this).val(); $("#"+hideID).hide(); }); $("#"+viewID).show(); }); $(function(){ $a=1 $("#createRows").click(function(){ // ส่วนของการ clone ข้อมูลด้วย jquery clone() ค่า true คือ // การกำหนดให้ ไม่ต้องมีการ ดึงข้อมูลจากค่าเดิมมาใช้งาน $(".aa:eq(0)").clone(true).insertAfter(this) .find("input").attr("value","").end() .find("select").attr("value","").end() .find("img").attr("src","img/product/1.png").end() .find(".removeRow").show().end() .appendTo($("#myTbl")); }); }); </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง