<script type="text/javascript"> $(document).ready(function(){ var scntDiv = $('#s_s'); var n = $('#mytbl tbody tr').size() + 1; $('#add_item').click(function(){ if($('#mytbl tbody tr').size() < 30){ <!--$('#mytbl tbody tr').last().clone().appendTo('#mytbl tbody');--> $('<tr>'+ '<td align="middle" width="5%"><button onclick="javascript:doRemoveItem(this);" style="width:22px;">-</button></td>'+ '<td align="middle" width="10%"><div id="s_s">แถวที่ '+n+'</div></td>'+ '<td align="middle" width="85%"><div id="num"><input type="text" name="detail'+n+'" size="75" ></div></td>'+ '</td>'+ '</tr>').last().clone().appendTo('#mytbl tbody'); n++; }else{alert('สร้างไม่เกิน 30 แถว');} }); }); function doRemoveItem(obj){ if($('#mytbl tbody tr').size() > 1){ if(confirm('คุณต้องการลบแถวนี้?')) $(obj).parent().parent().remove(); }else{ alert('ไม่อนุญาตให้ลบแถวที่เหลือนี้ได้'); } } </script>
<table id="mytbl" width="70%" cellspacing="1" cellpadding="1" align="center" border="1"> <thead> <tr><td colspan="3"><div style="margin:5px 5px 5px 5px;"><button type="button" id="add_item" style="width:22px;">+</button> เพิ่มแถว</div></td></tr> <tr> <td align="middle" width="5%">จัดการ</td> <td align="middle" width="5%">ลำดับแถว</td> <td align="middle" width="90%">รายละเอียด</td> </tr> </thead> <tbody> **** </tbody> </table>
<table border="1"> <theader> <tr> <td>ลบ</td> <td>ลำดับที่</td> <td><button type="button" id="btnPluz">เพิ่ม</button></td> </tr> </theader> <tbody id="tbody"> </tbody> </table> <input type="number" id="number" value="0"> <script src="http://code.jquery.com/jquery-1.9.0.js"></script> <script> $(function(){ $('#btnPluz').click(function(){ var num=parseInt($('#number').val())+1; var tr=$("<tr id='tr"+num+"'><td><button id='btnDel' rel='"+num+"'>-</button></td><td><span></span</td><td></td>"); var i=0; $('#tbody').append(tr); $('span').each(function(index, element) { i++ $(this).text(i); }); $('#number').val(num); }); $('#tbody').on('click','#btnDel',function(){ var rel=$(this).attr('rel'); var i=0; $("#tr"+rel+"").remove(); $('span').each(function(index, element) { i++ $(this).text(i); }); }); }); </script>
if (confirm('คุณต้องการลบแถวนี้?')) { $(obj).parent().parent().remove(); //อันนี้ของคุณ $('#mytbl').find('tbody > tr').each(function () { var row = $(this), s = row.index() + 1; row.find('td').eq(1).text('ลำดันที่ ' + s); }
if (confirm('คุณต้องการลบแถวนี้?')) { $(obj).parent().parent().remove(); //อันนี้ของคุณ $('#mytbl').find('tbody > tr').each(function () { var row = $(this), s = row.index() + 1; row.find('td').eq(1).text('ลำดับที่ ' + s); }); }
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
