How to get the selected value and text of drop-down list in jquery?

The content of this article is about how jquery obtains the selected value and text of a drop-down list. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

Page drop-down list

Select the time period:

<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>

After the last value is selected, the corresponding value and text value need to be obtained. As shown in the picture:

jquery code to get the selected value and text of the drop-down list:

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

The above is the detailed content of How to get the selected value and text of drop-down list in jquery?. For more information, please follow other related articles on the PHP Chinese website!