jQuery select list value

An article by บริษัท เก้ายอดสตูดิโอ จำกัด    No Comments

มาดูวิธีการเรียกค่าออกมาจาก Select list box กันบ้างครับ

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

ถ้าต้องการจะดึงข้อมูลที่เราทำการเลือกจาก list box สามารถใช้ code นี้ในการ
ดึงค่าออกมาได้ครับ

$("mySelect").val();

แล้วถ้าต้องการจะดึงเอา Text ที่อยู่ใน list box ที่เราเลือกละ ทำได้ดังนี้ครับ

$("mySelect :selected").text();

ลองไปทดสอบกันดูครับ ผมว่ามันง่ายมากเลยสำหรับการเรียกค่าออกจาก list box นี้