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);　　　　　　　　　　　　　　　　　　　　　　//檢驗是否獲取到值