<table id="myTable"> </table> <br> <button onclick="add_row()">+</button> <button onclick="del_row()">-</button> <script> function add_row() { var table = document.getElementById("myTable"); count_rows = table.getElementsByTagName("tr").length; var row = table.insertRow(count_rows); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); cell1.innerHTML = "<input type='text' name='txtA'"+count_rows+" value>"; cell2.innerHTML = "<input type='text' name='txtB'"+count_rows+" value>"; } function del_row(){ var table = document.getElementById("myTable"); count_rows = table.getElementsByTagName("tr").length; document.getElementById("myTable").deleteRow(count_rows-1); } </script>
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Insert Column/Row</title> <script src="asset/js/jquery-1.11.3.min.js"></script> <script> $(document).ready(function(e) { $('#addcolumn').click(function(e) { $('tr').each(function(idx, tr){ var isTH=$(tr).find('th').length>0; var col=isTH? '<th>new column th</th>' : '<td>new column td</td>'; $(tr).find((isTH? 'th':'td')+':last').before(col); }); }); $('#addrow').click(function(e) { var tr=$('tr:last').clone(); tr.find('td').html('new row'); tr.find('td:last').html(''); var clonelast='<tr>'+$(tr).html()+'</tr>'; //alert(clonelast); $('tr:last').before(clonelast); }); }); </script> </head> <body> <table border="1"> <tr><th>Column1</th><th>Column2</th><th id="addcolumn" >New Column</th></tr> <tr><td>Test1</td><td>test2</td><td></td></tr> <tr><td id="addrow" ><b>New Row</b></td><td></td><td></td></tr> </table> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 01
Load balance : Server 01
