คำถามเพิ่มเติมสำหรับ เทคนิค การเพิ่มลบแถว ในตาราง ด้วย jquery ครับ

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

คำถามเพิ่มเติมสำหรับ เทคนิค การเพิ่มลบแถว ในตาราง ด้วย jquery ครับ

เทคนิค การเพิ่มลบแถว ในตาราง ด้วย jquery ครับ คือสมุดว่าเวลาที่แล้วใส่ขอมูลไว้ใน text1 พอเวลาที่เราคลิกเพิ่มแถวแถวที่ 2 ก็ยังมี ข้อมูลที่อยู่ใน text1 ค้างอยู่ถ้าเราจะทำให้เพิ่มแุถวมาแฃ้วกำหนดให้ text นั้นเป็นค่าว่างพร้อมทั้งระบุ id ของ text ตัวนั้นให้บวกเพิ่มขึ้นทีละ 1 จะทำยังไงครับ

Zealot13 07-03-2011 11:08:30

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

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

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

เอาตัวอย่างโค้ดต่อไปนี้ ไปเป็นแนวทางดู

<form id="form1" name="form1" method="post" action="">
<table id="myTbl" width="650" border="1" cellspacing="2" cellpadding="0">
  <tr id="firstTr">
    <td width="119"><select name="data1[]" id="data1[]">
      <option value="1">data1</option>
      <option value="2">data2</option>
    </select></td>
    <td width="519"><input type="text" name="data2[]" id="data1" /></td>
    </tr> 
</table>
<br />
<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <button id="addRow" type="button">+</button>  
    &nbsp;
    <button id="removeRow" type="button">-</button>
    &nbsp;
    &nbsp;
    &nbsp;
    <button id="Submit" type="submit">Submit</button>    
    </td>
  </tr>
</table>
</form>
 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#addRow").click(function(){
        var obj_clone=$("#firstTr").clone();
        obj_clone.find("input").each(function(){
            var id_increat=parseInt($("input[name^='data']").size())+1;
            $(this).val("").attr("id","data"+id_increat);
        });
        $("#myTbl").append(obj_clone);
    });
    $("#removeRow").click(function(){
        if($("#myTbl tr").size()>1){
            $("#myTbl tr:last").remove();
        }else{
            alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
        }
    });              
});
</script>

ตัวอย่าง

ninenik 07-03-2011

ความคิดเห็นที่ 2

https://www.ninenik.com/content.php?arti_id=299

ลองเข้าไปดู

nuuza4554 17-09-2011 09:35

ความคิดเห็นที่ 3

รบกวนช่วยอธิการโค้ดหน่อยได้ไหมค่ะ พอดีจะนำไปประยุกต์ใช้ค่ะ

Poyyoy Poy 30-01-2012 16:21

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน