分别使用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