GORAGOD.com

freelance, web developer, web designer, hosting, domain name

ทำการเลือกรายการของ select ด้วย Javascript

ตัว select ปกติแล้วเราไม่สามารถกำหนดค่าให้กับมันด้วย value เหมือน input อื่นๆได้ แต่เราสามารถทำการเลือกรายการภายใน select ได้ด้วย property selectIndex ของ select ได้ครับ

นอกจากนี้ property นี้ยังทำการรายงานรายการที่เลือก เป็นอันดับที่ ของ option ภายใน select ได้ด้วย

<select name="group" id="group">
<option value="0">Abum</option>
<option value="1">Game</option>
<option value="2">Horoscope</option>
</select>

function setSelect( id ){
  document.getElementById( 'group' ).selectedIndex = id; // เลือกรายการที่ id
  alert(document.getElementById( 'group' ).selectedIndex); // คืนค่าอันดับที่เลือก
  alert(document.getElementById( 'group' ).value); // คืนค่า value ที่เลือก
}

0SHAREFacebookLINE it!
^