How to get the text of the selected option of a select using jquery?

Question

If I have this select:

     <select id="days">
        <option value="0">Today</option>
        <option value="1">Yesterday</option>
        <option value="7">Last week</option>
     </select>

and someone selects the 3rd option 'last week', I can get the value of last week (which is 7), using $("#days").val(), but how can I get the value of the text i.e 'Last week'?

Answer 1

Add a class "myOption" to the options, and an sttribute value with the text you want. Then:

$(".myOption").each( function( i ) { if( $(this).attr('selected') ) { $(this).attr('value') } );

Answer 2

Does .text() not give you the result you are after?

http://marcgrabanski.com/article/jquery-select-list-values - found this too

Answer 3

$("#days option:selected").text()

Answer 4

Might be a little verbose (I'm sure I can remember an easier way...)

var value = $("#days").val(); 
$("option[value='" + value + "']", "#days").text()