jquery及原生js获取select下拉框选中的值示例
2018-10-12 14:03
1481 查看
现在有一id=test的下拉框,怎么拿到选中的那个值呢?
分别使用javascript原生的方法和jquery方法
一: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()); //拿到选中项的文本
分别使用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及原生js获取select下拉框选中的值示例
- jquery及原生js获取select下拉框选中的值示例
- jquery 获取select下拉框 选中的option ???
- JS,jQuery获取select标签中选中值的方法
- js、jquery获取select标签选中的值
- jquery 和 原生js 获取<select><option></option></select>标签的值和文本
- js和Jquery获取选中select值和文本
- js和Jquery获取选中select值和文本
- jquery 获取下拉框 某个text='xxx'的option的属性 非选中 如何获得select被选中option的value和text和......
- js, jquery获取select标签选中的值
- jquery 纯JS设置select下拉框,并默认选中第一个
- 原生js和jquery选择select选中的值
- js和Jquery获取选中select值和文本
- js和Jquery获取选中select值和文本
- js&jquery 获取select下拉框的值、文本内容、自定义属性
- js和jquery分别获取select标签选中的值
- Javascript和jquery获取select下拉框选中的的值和文本
- jquery和js方法 获取text和radio select值 及是否选中
- 【js:片断】jQuery 设置 select 下拉框的选中状态
- js和Jquery获取选中select值和文本