jquery獲取下拉列表的值和顯示內容的方法

頁面的下拉列表：
選擇時間段：
<select name="timespan" id="timespan" class="Wdate"   >
                           <option value="1">8:00-8:30</option>
                           <option value="2">8:30-9:00</option>
                           <option value="3">9:00-9:30</option>
</select>
當選中最后一個值后，需要取得選中對應的value和text值。如圖：

 

jquery取下拉列表選中值和文本的代碼：

var obj = $("#timespan option:selected");
var  artime_val  = obj.val();
var  artime_text  = obj.text();
alert("val:"+artime_val+" text"+ artime_text );//val:3 text 9:00-9:30