1. 程式人生 > >jquery獲得下拉列表選中值和文字

jquery獲得下拉列表選中值和文字

jsp頁面的下拉列表:

選擇時間段:
 <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