Javascript擷取select下拉框選中的的值

標籤：element   使用   ntb   方法   selected   .text   ons   nbsp   get   

現在有一id=test的下拉框，怎麼拿到選中的那個值呢？

分別使用javascript原生的方法和jquery方法

<select id="test"  name="">   
  <option   value="1">text1</option>   
  <option   value="2">text2</option>   
 </select>

code:

一：javascript原生的方法

  1:拿到select對象： var  myselect=document.getElementById("test");

  2：拿到選中項的索引：var index=myselect.selectedIndex ;             // selectedIndex代表的是你所選中項的index

  3:拿到選中項options的value：  myselect.options[index].value;

  4:拿到選中項options的text：  myselect.options[index].text;

二：jquery方法（前提是已經載入了jquery庫）

1:var options=$("#test option:selected");  //擷取選中的項

2:alert(options.val());   //拿到選中項的值

3:alert(options.text());   //拿到選中項的文本

Javascript擷取select下拉框選中的的值