Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > ปัญหาลบแถวที่สร้างด้วย jquery ไม่ได้ กดปุ่มลบแล้วมันไม่ทำงานเหมือนที่สร้างไว้อยู่แล้ว



 

ปัญหาลบแถวที่สร้างด้วย jquery ไม่ได้ กดปุ่มลบแล้วมันไม่ทำงานเหมือนที่สร้างไว้อยู่แล้ว

 



Topic : 087635



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



สถานะออฟไลน์
Facebook



ปัญหาลบแถวที่สร้างด้วยjqueryไม่ได้ แต่แถวที่สร้างไว้อยู่แล้วสามารถลบได้
Code (JavaScript)
$(document).ready(function(){
		//addrow
		$('#addrow').click(function(){
			var tr = $('<tr class="tr"></tr>');
			var td1 = $('<td><input name="supjectID" type="text" class="supjectID" size="11" maxlength="11" /></td>');
			var td2 = $('<td><input name="supjectName" type="text" class="supjectName" size="30" maxlength="30" /></td>');
			var td3 = $('<td><input name="supjectCredit" type="text" class="supjectCredit" size="10" maxlength="10" /></td>');
			var td4 = $('<td><input name="day" type="text" class="day" size="8" maxlength="8" /></td>');
			var td5 = $('<td><input name="timebegin" type="text" class="timebegin" size="10" maxlength="10" /></td>');
			var td6 = $('<td><input name="timeend" type="text" class="timeend" size="10" maxlength="10" /></td>');
			var td7 = $('<td><input name="room" type="text" class="room" size="10" maxlength="10" /></td>');
			var td8 = $('<td align="center"><img class="deleterow" src="images/delete.png" width="20" height="20" /></td>');
			
			tr.append(td1);
			tr.append(td2);
			tr.append(td3);
			tr.append(td4);
			tr.append(td5);
			tr.append(td6);
			tr.append(td7);
			tr.append(td8);
			
			$('#taughttable').append(tr);
		});
		
		//deleterow
		 $('.deleterow').click(function(){
        $(this).parents('.tr').addClass('select');
        if (confirm('delete?')){           
            $(this).parents('.tr').remove();
        }else{
            $(this).parents('.tr').removeClass('select');
        }
    });



อันนี้คือแถวที่สร้างไว้อยู่แล้ว

<tr class="tr">
    <td><input name="supjectID" type="text" class="supjectID" size="11" maxlength="11" /></td>
    <td><input name="supjectName" type="text" class="supjectName" size="30" maxlength="30" /></td>
    <td><input name="supjectCredit" type="text" class="supjectCredit" size="10" maxlength="10" /></td>
    <td><input name="day" type="text" class="day" size="8" maxlength="8"></td>
    <td><input name="timebegin" type="text" class="timebegin" size="10" maxlength="10" /></td>
    <td><input name="timeend" type="text" class="timeend" size="10" maxlength="10" /></td>
    <td><input name="room" type="text" class="room" size="10" maxlength="10" /></td>
    <td align="center"><img class="deleterow" src="images/delete.png" width="20" height="20" /></td>
  </tr>

*



Tag : PHP, jQuery









ประวัติการแก้ไข
2012-12-05 12:59:16
2012-12-05 17:33:43
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-12-05 12:56:49 By : solsoa View : 1357 Reply : 8
 

 

No. 1

Guest


อยากรู้เหมือนกัน






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-12-06 14:26:06 By : google
 


 

No. 2



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



สถานะออฟไลน์


ใช้วิธีลบแบบที่ใช้ใน PHP ไม่ได้เพราะว่าไม่มีแถวนี้เกิดขึ้นจริงใน Database
เวลาคุณเพิ่มวัตถุต่างๆด้วย Front-end script สิ่งที่เห็นเป็นเพียงชั่วคราวปรากฏอยู่บนหน้าจอ browser เท่านั้น
ไม่มีการบันทึกเก็บเข้าไว้ในฮาร์ดดิสหรือฐานข้อมูล พอปิดหน้า browser ทุกอย่างก็ถูก refresh ใหม่

ถ้าจะลบแถวที่สร้างขึ้นต้องใช้วิธีต่างกัน
เคยมีสมาชิกถามปัญหานี้ ผมได้ทำโค้ดตัวอย่างไว้ให้ ลองไปดาวโหลดดูได้ที่

http://www.mineinc.net/qa/file/2012/10/26.2/file1.html
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-12-06 15:57:36 By : dreamlover
 

 

No. 3



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



สถานะออฟไลน์
Facebook

ขอบคุณครับ เดี๋ยวจะลองดูก่อน อย่างัยเดี๋ยวมาบอกครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-12-06 21:46:04 By : solsoa
 


 

No. 4



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



สถานะออฟไลน์
Facebook

ลบแถวแบบใส่จำนวนแถวลงไปแบบพี่jackบอกอ่ะ ได้แล้วครับ

แต่มีทางพอจะทำลบแถวแบบคลิกที่แถวนั้นแล้วลบ ได้ไหมครับ (ตามรูปข้างบนอ่ะครับ)
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-12-06 22:23:56 By : solsoa
 


 

No. 5



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



สถานะออฟไลน์


ผมเคยทดลองทำดูแล้ว เวลาคลิกที่ปุ่ม delete แถวนั้นจะหายไป แต่ปุ่ม delete ยังคาอยู่
พยายามทำให้หายไปพร้อมกัน แต่ทำไม่ได้ ก็เลยเลิกทำไป

ถ้าจะทำงานในลักษณะนี้ ผมแนะนำให้ใช้ PHP กับฐานข้อมูลจะดีกว่า ง่ายกว่าใช้ jQuery มาก
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-12-07 00:24:11 By : dreamlover
 


 

No. 6



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



สถานะออฟไลน์
Facebook

ผมใช้jqueryได้แล้วครับ ไปเจอ ตัวนี้มา

http://www.examplet.buss.hk/jquery/table.addrow.php

ใช้ง่ายมาก
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-12-15 20:54:20 By : solsoa
 


 

No. 7

Guest


$('.deleterow').click(function(){
...
});

เปลี่ยนเป็น

$('.deleterow').live("click",function(){
...
});
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-22 14:46:45 By : Cha.sarawut
 


 

No. 8



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


.live() deprecated มันหมดอายุไปแล้วครับ
ต้องใช้ .on() แล้วจับ event กับ element ที่ต้องการ ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-22 15:01:10 By : sakuraei
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ปัญหาลบแถวที่สร้างด้วย jquery ไม่ได้ กดปุ่มลบแล้วมันไม่ทำงานเหมือนที่สร้างไว้อยู่แล้ว
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่