Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > ถามเรื่องสคริปลบ jquery โค๊ดนี้มันลบได้แค่แถวเดียวอะค่ะ พอจะลบอีกแถวมันก้ลบไม่ได้แล้วค่ะ ช่วยหน่อยค่ะ

ถามเรื่องสคริปลบ jquery โค๊ดนี้มันลบได้แค่แถวเดียวอะค่ะ พอจะลบอีกแถวมันก้ลบไม่ได้แล้วค่ะ ช่วยหน่อยค่ะ

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

kwang

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

โค๊ดนี้มันลบได้แค่แถวเดียวอะค่ะ พอจะลบอีกแถวมันก้ลบไม่ได้แล้วค่ะ
ช่วยหน่อยค่ะ

ขอบคุณค่ะ

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<title>Add row to table</title>
<script type="text/javascript">
$(document).ready(function(){

$('#button2').click(function(){

var th = $('<tr ><th id="th"><input type=\"text\" name=\"n[]\" /></th><th><input type=\"text\" name=\"a[]\" /></th><th><input type=\"text\" name=\"m[]\" /></th><th><input type=\"text\" name=\"e[]\" /></th><th><input type=\"text\" name=\"s[]\" /></th></tr>');
$('#table').append(th);
});

$('#button1').click(function(){
$('#th').parent().hide();
});
})
</script>
</head>
<body>
<input type="button" name="button2" id="button2" value="เพิ่มแถว" />
<input type="button" name="button1" id="button1" value="ลบ" />
<br />
<form id="form" name="form" method="post" action="tt2.php">
<table width="482" id="table">
<tr>
<th width="87">ลำดับ</th>
<th width="152">สาขา</th>
<th>ลำดับ</th>
<th>สาขา</th>
<th width="18">สาขา</th>
</tr>
<tr>
<th><input name="n[]" type="text" id="n[]" size="20" /></th>
<th><input name="a[]" type="text" id="a[]" size="10" /></th>
<th><input name="m[]" type="text" id="m[]" size="10" /></th>
<th><input name="e[]" type="text" id="e[]" size="10" /></th>
<th><input name="s[]" type="text" id="s[]" size="10" /></th>
</tr>
</table>

Tag : - - - -

Date : 2010-03-15 14:18:51

By : kwangz_07

View : 774

Reply : 1

No. 1

deawx

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

ที่มา http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
น้องไปโหลดตัวอย่างมาลองดูนะครับ

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>Disappear</title>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 
<script type="text/javascript"> 
$(document).ready(function(){						   
	$(".pane .delete").click(function(){
		$(this).parents(".pane").animate({ opacity: 'hide' }, "slow");
	});
 
});
</script>
 
<style type="text/css"> 
body {
	margin: 10px auto;
	width: 470px;
}
h3 {
	margin: 0;
	padding: 0 0 .3em;
}
p {
	margin: 0;
	padding: 0 0 .5em;
}
.pane {
	background: #edf5e1;
	padding: 10px 20px 10px;
	position: relative;
	border-top: solid 2px #c4df9b;
}
.pane .delete {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
</style>
</head>
 
<body>
<div class="pane">
	<h3>Sample heading</h3>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
	<img src="images/btn-delete.gif" alt="delete" class="delete" />
</div>
<div class="pane">
	<h3>Sample heading</h3>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
	<img src="images/btn-delete.gif" alt="delete" class="delete" />
</div>
<div class="pane">
	<h3>Sample heading</h3>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
	<img src="images/btn-delete.gif" alt="delete" class="delete" />
</div>
<div class="pane">
	<h3>Sample heading</h3>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
	<img src="images/btn-delete.gif" alt="delete" class="delete" />
</div>
<div class="pane">
	<h3>Sample heading</h3>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
	<img src="images/btn-delete.gif" alt="delete" class="delete" />
</div>
</body>
</html>

Date : 2010-03-15 16:10:56

By : deawx

ค้นหาข้อมูล

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

Re : ถามเรื่องสคริปลบ jquery โค๊ดนี้มันลบได้แค่แถวเดียวอะค่ะ พอจะลบอีกแถวมันก้ลบไม่ได้แล้วค่ะ ช่วยหน่อยค่ะ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03

Registered : 109,038

No. 1

ค้นหาข้อมูล

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

Notice