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

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

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

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



Zealot13 124.121.149.xxx 07-03-2011 11:08:30

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

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


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


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

 ความคิดเห็นที่ 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 27.130.185.xxx 07-03-2011
 ความคิดเห็นที่ 2

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

ลองเข้าไปดู



nuuza4554 125.27.56.xxx 17-09-2011 09:35
 ความคิดเห็นที่ 3

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



Poyyoy Poy 110.164.62.xxx 30-01-2012 16:21
1






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