jQuery ดึงค่าจากแท็ก Select

วันนี้ว่างๆ ก็เลยเอาความรู้เกี่ยวกับ jQuery มาอัพเดทซักหน่อย ก็เลยเลือกเอาเรื่องการดึงค่าจากแท็ก select ซึ่งบ้างคนอาจจะยังใช้ selector แบบสะบั้นหั่นแหลกกันอยู่ เช่น

แท็ก select ของเรา

<select id="test-select">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>


ตอนนี้อาจจะมีคนที่ใช้ selector เพื่อจะเอาค่าของ option ที่เลือกอยู่ ซึ่งดูแล้วยุ่งยากไปหน่อย เช่น

$('#test-select option:selected').val()

ส่วนวิธีการที่ง่ายขึ้นมาหน่อยก็ประมาณนี้ครับ

$('#test-select').val()

ฟังก์ชัน val() หากใช้กับแท็ก select มันจะดึงเอาค่าของ attribute value ของแท็ก option ที่เราเลือกมาให้เลยครับเลยครับ