jquery及原生js获取select下拉框选中的值示例

2019-12-24,,,,,

现在有一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实现监听下拉框选中内容发生改变操作示例

《jquery及原生js获取select下拉框选中的值示例.doc》

下载本文的Word格式文档,以方便收藏与打印。