Forgot Password ??

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

	Registered : 109,028

HOME > PHP > PHP Forum > ผมอยากให้เมื่อกด Add ให้ปุ่ม add หายแล้ว show ปุ่ม delete จะต้องเขียนแบบไหนอะครับถึงจะไปอ้าง element del ที่อยู่ในแถวที่เพิ่มข้อมูล

ผมอยากให้เมื่อกด Add ให้ปุ่ม add หายแล้ว show ปุ่ม delete จะต้องเขียนแบบไหนอะครับถึงจะไปอ้าง element del ที่อยู่ในแถวที่เพิ่มข้อมูล

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

mai

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

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>
</head>

  	<script type="text/javascript" language="javascript" src="jquery/js/jquery-1.8.2.js"></script>

        
<script type="text/javascript">
	$(document).ready(function(){

	


								   
			$("button[type=button]#del").live("click",function(){
												
        if($('#mytbl tbody tr').size() > 1){
			if(confirm('คุณต้องการลบแถวนี้?')) $(this).parent().parent().remove();
		}else{
			alert('ไม่อนุญาตให้ลบแถวที่เหลือนี้ได้');
		}

   
            });					   
								   
   

} );
		
		function test(e){  
	e.disabled = true;

	e.style.color = '#000';
	e.style.border ='none';
	e.style.background = 'none';
	 $('#mytbl tbody').append('<tr><td><input id="a" name="a[]" type="text" onchange="test(this);"  value=""/> </td><td><input id="b" name="b[]" type="text"  value=""/></td><td><input id="c" name="c[]" type="text"  value=""/></td><td><input id="d" name="d[]" type="text"   value=""/></td><td><input id="e" name="e[]" type="text"   value=""/></td><td><input id="f" name="f[]" type="text"  value=""/></td><td><button id="del" name="del" type="button"></button> <button id="add" name="add" type="button">Add</button></td></tr>');

	
		}
</script>
<style>
#del{
	background:url('img/delete.png');
		width: 24px;
	height: 24px;
		border: none;

}
#del:hover{
	background:url('img/delete_hover.png');
		width: 24px;
	height: 24px;
		border: none;
}
#mytbl
{
 
	font-size: 12px;
	margin: 45px;

	text-align: left;
	border-collapse: collapse;
}
#mytbl th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;

}
#mytbl td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;

}
#mytbl tr:hover td
{
	background: #d0dafd;
	color: #339;
	
}

</style>
<body>
<table  width="1173" height="90" border="0" id="mytbl">
   <thead>
		<tr>
		    <th width="158">t1</th>
            <th width="158">t2</th>
            <th width="158">t3</th>
		    <th width="158">t4</th>
            <th width="158">t5</th>
            <th width="158" >t6</th>
            <th width="129">t7</th>
		</tr>
  </thead>
  <tbody>
  <tr>
    <td width="158"><input id="a" name="a[]" type="text" onchange="test(this);"  value=""/> </td>
    <td width="158"><input id="b" name="b[]" type="text"  value=""/></td>
    <td width="158"><input id="c" name="c[]" type="text"  value=""/></td>
    <td width="158"><input id="d" name="d[]" type="text"   value="" ;/></td>
    <td width="158"><input id="e" name="e[]" type="text"   value=""/></td>
    <td width="158"><input id="f" name="f[]" type="text"  value=""/></td>
    <td width="129"><button id="del" name="del" type="button"></button><button id="add" name="add" type="button">Add</button></td>
  </tr>

  </tbody>
</table>


</body>
</html>

Tag : PHP, HTML/CSS, JavaScript, jQuery

ประวัติการแก้ไข
2013-02-23 23:50:48

Date : 2013-02-23 23:43:18

By : sailorfah

View : 864

Reply : 1

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ถ้าจะแก้ปัยหานี้ให้ง่าย ให้เอา ปุ่ม Add ไปไว้ตรงตำแหน่งอื่นครับ ที่ไม่ใช่แบบ Dynamic

Date : 2013-02-26 15:19:34

By : mr.win

ค้นหาข้อมูล

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

Re : ผมอยากให้เมื่อกด Add ให้ปุ่ม add หายแล้ว show ปุ่ม delete จะต้องเขียนแบบไหนอะครับถึงจะไปอ้าง element del ที่อยู่ในแถวที่เพิ่มข้อมูล

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 00

Registered : 109,028

No. 1

ค้นหาข้อมูล

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

Notice