现在有一id=test的下拉框,怎么拿到选中的那个值呢?
分别使用javascript原生的方法和jquery方法
复制代码 代码如下:
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
一: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()); //拿到选中项的文本
您可能感兴趣的文章:
- 基于jQuery的select下拉框选择触发事件实例分析
- jquery中dom操作和事件的实例学习 下拉框应用
- jQuery操作select下拉框的text值和value值的方法
- jquery获得下拉框值的代码
- jquery动态加载select下拉框示例代码
- 基于jquery实现的可编辑下拉框实现代码
- 利用jquery实现下拉框的禁用与启用
- 用Jquery实现多级下拉框无刷新的联动
- jQuery实现监听下拉框选中内容发生改变操作示例