Javascript获取select下拉框选中的的值

分别使用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());   //拿到选中项的文本

我的列子

<select class="form-control" name="ad_province" id="op_peovince_add" οnchange="se(options[this.selectedIndex].value)"> <option >选择</option> <option value="123" >123</option> <option value="1234" >1234</option></select> <script> function se(d){ alert(d); //alert($("#op_peovince_add option:selected").val()); 用这个方法需要先引入jquery } </script> 参考引用：http://www.cnblogs.com/itdream/archive/2012/05/31/2528345.html