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

相关资源：js获取select标签选中值的两种方式