Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > PHP+jQuery อีเว้น Click ทำงานแค่ตัวแรกครับ ทั้งที่มีหลายตัวและ id เดียวกัน

PHP+jQuery อีเว้น Click ทำงานแค่ตัวแรกครับ ทั้งที่มีหลายตัวและ id เดียวกัน

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

Cokers

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

ดูโค๊ดก่อนนะครับ
Code

<?php
if(isset($_GET['id'])){$gid = $_GET['id'];
$sql = "SELECT * FROM tb_file WHERE gallery_id=$gid";
$query = mysql_db_query($dbname, $sql);
$rows = mysql_num_rows($query);

if($rows!=0){

$i = 1;
while($i<=$rows){
$rs=mysql_fetch_assoc($query);
echo "<img src='".$siteurl."images/products/".$rs['file_name']."'>
<button id='btn' value='$rs[file_name]'>DELETE</button><hr>";
$i++;
}
}else{
echo "ยังไม่มีรูปภาพ...";
}
}
?>

// jQuery //
<script>
$(document).ready(function(){
$("#btn").click(function(e){
var a = $(this).val();
alert(a);
});
});
</script>

ผลก็จะเป็น รูปภาพ พร้อมมีปุ่ม "DELETE" อยู่ข้างๆครับ
ตรง jquery ตั้งใจจะสั่งให้ลบภาพครับ แต่ลอง alert ดูก่อน
ปัญหาคือ Event มันทำงานแต่ ปุ่มบนสุดครับ ปุ่มอื่นๆ (ถัดลงมา) จะไม่มีอะไรเกิดขึ้นเลยครับ

ขอบคุณล่วงหน้าครับผม.

Tag : PHP, jQuery

Date : 2014-11-01 13:45:05

By : premwadee5

View : 901

Reply : 2

No. 1

Chaidhanan

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

เปลี่ยน id เป้น class ครับ เนื่องจากเป็น id jquery เจอ id ตัวแรก ก็จะไม่หา ตัวต่อไป

Date : 2014-11-01 13:49:53

By : Chaidhanan

No. 2

Cokers

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : Chaidhanan เมื่อวันที่ 2014-11-01 13:49:53

รายละเอียดของการตอบ ::

ได้จริงด้วยครับ >_<" พึ่งรู้ว่ามีผลด้วย ขอบคุณมากครับผม

Date : 2014-11-01 14:04:34

By : premwadee5

ค้นหาข้อมูล

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

Re : PHP+jQuery อีเว้น Click ทำงานแค่ตัวแรกครับ ทั้งที่มีหลายตัวและ id เดียวกัน

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 02