js获取select标签选中的值

2019-03-13 23:33:52来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

js获取select标签选中的值

遇到一个问题。需要利用JavaScript代码获取下拉框选中的值。

下拉框部分代码:

 

1 <select  id="day">
2     <option value="0">不限</option>
3     <option value="1">一天</option>
4     <option value="2">两天</option>
5     <option value="3">三天</option>
6 </select>

 

 

获取方式一:原生JavaScript

1 var myselect = document.getElementById("day");  //获取select对象
2 var index = myselect.selectedIndex;         //获取被选中的索引
3 var day = myselect.options[index].value;      //获取被选中的值
4 alert(day);    //检验是否成功获取

 

获取方式二:JQuery

首先要保证已经引入了jQuery库。

var options = $("#day option:selected");    //获取选中项
var day = options.val();              
//获取选中项的值
alert(day);                      
//检验是否获取到值

 


原文链接:https://www.cnblogs.com/itzhouq/p/selected.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:正则表达式入门-程序员必备

下一篇:Array的内置方法思维导图整理(JavaScript)