两种Javascript获取select下拉框选中的值的方法

2016-05-16 21:36 阅读 12 次 评论关闭

Javascript如何获取select下拉框选中的的值?举例:现在有一id=test的下拉框,怎么获取选中的那个值呢?

猎微网分别使用javascript原生的方法和jquery两种方法来说明Javascript获取select下拉框选中的值的问题。select下拉框

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

一、javascript原生的方法获取select下拉框选中的值

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库)获取select下拉框选中的值

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

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

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

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:两种Javascript获取select下拉框选中的值的方法 | 猎微网

评论已关闭!