ถ้าเราต้องการแสดงค่าตอน onchange ใน option ที่มี value มากกว่า 1

พูดคุยแลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework jQuery และ Node.JS รวมถึง Framework Express ของ Node.JS ทำงานฝั่ง Server

Moderator: mindphp

ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 28508
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

ถ้าเราต้องการแสดงค่าตอน onchange ใน option ที่มี value มากกว่า 1

โพสต์ที่ยังไม่ได้อ่าน โดย thatsawan »

โค้ด: เลือกทั้งหมด

<select id="package" name="package_id" class="select" onchange="Change_selected()">
กรุณาเลือกเเพ็กเกจ
<option price="500.00" value="2">1 ปี  ราคา  500.00</option>
<option price="1200.00" value="3">3 ปี  ราคา  1200.00</option>
<option price="2000.00" value="5">5 ปี  ราคา  2000.00</option>
<option price="1000.00" value="6">นักศึกษา  ราคา  1000.00</option>
</select>

โค้ด: เลือกทั้งหมด

<script>
function Change_selected() {
    if (document.getElementById("package")){
        document.getElementById("showdata").innerHTML = document.getElementById("package").value;
    }     
}
</script>
ต้องการจะดึงค่า price ไม่ใช่ value จะทำยังไงได้บ้างคะ JS ธรรมดาทำได้มั้ย
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21988
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: ถ้าเราต้องการแสดงค่าตอน onchange ใน option ที่มี value มากกว่า 1

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

ถ้าเป็น javascript ธรรมดาไม่แน่ใจว่ามีไหม แต่ถ้าเป็น jQuery ใช้ได้แบบนี้

ตัวอย่างโค้ด

โค้ด: เลือกทั้งหมด

jQuery(function ($) {
	$('#package').change(function () {
		var price = $('#package option:selected').attr('price');
		alert(price);
	});
});
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ตอบกลับโพส

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 55