js获取下拉菜单的值

现在有一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方法

1.导入jQuery库

2.var options=$("#test option:selected");  //获取选中的项

3.alert(options.val());   //拿到选中项的值

4.alert(options.text());   //拿到选中项的文本

参考原文：http://www.cnblogs.com/itdream/archive/2012/05/31/2528345.html