PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

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

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



โดย:  Zealot13 IP: 124.121.149.xxx วันที่: 07-03-2011 เวลา: 11:08:30

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 3

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



โดย:  Poyyoy Poy IP: 110.164.62.xxx วันที่: 30-01-2012 เวลา: 16:21:17
 ความคิดเห็นที่ 2

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

ลองเข้าไปดู



โดย:  Nuuza4554 IP: 125.27.56.xxx วันที่: 17-09-2011 เวลา: 09:35:44
 ความคิดเห็นที่ 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 IP: 27.130.185.xxx วันที่: 07-03-2011