如何获取select下拉框的值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何获取select下拉框的值相关的知识,希望对你有一定的参考价值。

分别使用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()); //拿到选中项的文本
参考技术A 分别使用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()); //拿到选中项的文本
参考技术B 分别使用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()); //拿到选中项的文本

Jquery学习笔记:利用jquery获取select下拉框的值

     jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来。

我的下拉框是:

 <div class="form-group">
           <select class="form-control" id="iv_level">
               <option value="">店员</option>
               <option value="">店长</option>
           </select>
       </div>

选择框截图:

   默认是店员,一共两个值,即店员、店长

jquery获取内容采用:

  var iv_level=jQuery("#iv_level  option:selected").text();

效果:

以上是关于如何获取select下拉框的值的主要内容,如果未能解决你的问题,请参考以下文章

如何使用JS获取下拉列表框的显示值

如何获取下拉列表框的值

在javascript中如何选中web里面的下拉框的值?

js如何获取下拉框选中项的文本?

vue 实现下拉框动态获取年份

js获取下拉框的值