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

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

User avatar
thatsawan
PHP VIP Members
PHP VIP Members
Posts: 24393
Joined: 31/03/2014 10:02 am
Contact:

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

Post by thatsawan »

Code: Select all

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

Code: Select all

<script>
function Change_selected() {
    if (document.getElementById("package")){
        document.getElementById("showdata").innerHTML = document.getElementById("package").value;
    }     
}
</script>
ต้องการจะดึงค่า price ไม่ใช่ value จะทำยังไงได้บ้างคะ JS ธรรมดาทำได้มั้ย

User avatar
tsukasaz
PHP VIP Members
PHP VIP Members
Posts: 11857
Joined: 18/04/2012 9:39 am

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

Post by tsukasaz »

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

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

Code: Select all

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)


Post Reply

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: No registered users and 1 guest