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

Posted 2020-09-11 Mr_伍先生

页面的下拉列表：
选择时间段：
<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