首页 > 代码库 > jquery获取下拉列表的值和显示内容的方法

jquery获取下拉列表的值和显示内容的方法

页面的下拉列表:
选择时间段:
<select name="timespan" id="timespan" class="Wdate"   >
                           <option value="http://www.mamicode.com/1">8:00-8:30</option>
                           <option value="http://www.mamicode.com/2">8:30-9:00</option>
                           <option value="http://www.mamicode.com/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

 

jquery获取下拉列表的值和显示内容的方法