Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > ปรึกษาเรื่องการ Add row แบบไม่ Clone นิดครับ Code และภาพด้านใน

ปรึกษาเรื่องการ Add row แบบไม่ Clone นิดครับ Code และภาพด้านใน

เริ่มหัวข้อใหม่

pantatonic

โพสกระทู้ ( 171 )
บทความ ( 0 )

ขอสอบถามเรื่องการเพิ่มแถวโดยใช้ jQuery โดนการ clone ตัวอย่าง จาก Code ด้านล่าง
หากผมกรอกข้อมูลใน Row แรกแล้วกดเพิ่มแถว ก็จะมี Row ใหม่เพิ่มขึ้นมาโดยที่ Row ใหม่นั้นเป็นข้อมูลเดียวกับ
Row ที่ถูก clone แต่ถ้าหากว่า ผมต้องการเพิ่มแถวใหม่ โดยที่ Row ที่เพิ่มมาใหม่ จะเป็นช่องข้อมูลว่างๆ ต้องแก้ตรงไหนเหรอครับ

add row

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#add_item').click(function(){
			$('#mytbl tbody tr').last().clone().appendTo('#mytbl tbody');
		});
	});
	function doRemoveItem(obj){
		if($('#mytbl tbody tr').size() > 1){
			if(confirm('คุณต้องการลบแถวนี้?')) $(obj).parent().parent().remove();
		}else{
			alert('ไม่อนุญาตให้ลบแถวที่เหลือนี้ได้');
		}
	}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="result2.php">
  <table id="mytbl" width="600" cellspacing="1" cellpadding="1" align="center" border="1">
    <thead>
      <tr>
        <td align="center">System</td>
        <td align="center">Code</td>
        <td align="center">Name</td>
        <td align="middle" width="24">&nbsp;</td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td align="center"><input type="text" name="data1[]" id="data1[]" /></td>
        <td align="center"><input type="text" name="data2[]" id="data2[]" /></td>
        <td align="center"><input type="text" name="data3[]" id="data3[]" /></td>
        <td align="center"><input type="button" onclick="javascript:doRemoveItem(this);" style="width:22px;" value="-" /></td>
      </tr>
    </tbody>
  </table>
  <div style="margin:5px auto 0px auto;">
    <input type="button" id="add_item" name="add_item" value="เพิ่มแถว" />
  </div>
  <br />
  <input type="submit" name="button" id="button" value="Submit" />
</form>
</body>
</html>

Tag : PHP, jQuery

Date : 2012-09-27 13:36:51

By : pantatonic

View : 3628

Reply : 6

No. 1

Krungsri

โพสกระทู้ ( 1,521 )
บทความ ( 2 )

ถ้าใช้ Clone มันจะคัดลอกทั้งหมด
Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Multirows Insert</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	$("#addRow").click(function(){
		var NR ="";
		NR="<tr>";
		NR+="<td width=\"140\">";
		NR+="<input type=\"text\" name=\"name[]\" id=\"name[]\" />";
		NR+="</td>";
		NR+="</tr>";
		//$("#myTbl").append($("#firstTr").clone());
		$("#myTbl").append($(NR));
	});
	$("#removeRow").click(function(){
		if($("#myTbl tr").size()>2){
			$("#myTbl tr:last").remove();
		}else{
			alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
		}
	});		
});
</script>

</head>

<body>
<form id="form1" name="form1" method="post" action="Showdata.php">
<p><button id="addRow" type="button">เพิ่มแถว</button>  
    &nbsp;
    <button id="removeRow" type="button">ลบแถว</button>
   </p>
<table id="myTbl" width="148" border="1" cellspacing="2" cellpadding="0">
  <tr>
    <td align="center">NAME</td>
  </tr>
  <tr id="firstTr">
    <td width="140"><input type="text" name="name[]" id="name[]" /></td>
  </tr>
</table>
<br />
<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    </td>
  </tr>
</table>
</form>
</body>
</html>

Date : 2012-09-27 14:14:02

By : Krungsri

No. 2

Guest

ขอแนวทางเวลาบันทึกข้อมูลลงฐานข้อมูลหน่อยครับ สำหรับเวลาที่กดเพิ่มแถวแล้วอ่ะครับ
ขอตัวอย่างโค้ดด้วยจะดีมาก ขอบคุณคับ

Date : 2013-01-02 15:46:11

By : Colamark

No. 3

Krungsri

โพสกระทู้ ( 1,521 )
บทความ ( 2 )

ค่ามันจะถูกส่งมาแบบ Array ครับ ก็ GET หรือ POST รับธรรมดานั้นแหละครับ

แล้วก็มาวาลูปเอาค่า Insert ลง Database

Date : 2013-01-02 20:35:00

By : Krungsri

No. 4

Guest

ขอบคุณครับ

Date : 2013-01-03 09:38:47

By : Coalamark

No. 5

Guest

ขอแนวทางเวลาบันทึกข้อมูลลงฐานข้อมูลหน่อยครับ สำหรับเวลาที่กดเพิ่มแถวแล้วอ่ะครับ
ขอตัวอย่างโค้ดด้วยจะดีมาก ขอบคุณคับ

ถ้าได้แล้ว รบกวนขอดูโค๊ดหน่อยครับ ติดปันหานี้เหมือนกัน

Date : 2015-09-22 15:08:00

By : PROMISE

No. 6

Mr.กล้า

โพสกระทู้ ( 5,105 )
บทความ ( 4 )

https://www.thaicreate.com/php/php-mysql-add-insert-multiple-record.html

Date : 2015-09-22 19:11:35

By : apisitp

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ปรึกษาเรื่องการ Add row แบบไม่ Clone นิดครับ Code และภาพด้านใน

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก