jQuery get the value from selectbox by its text

Question

I have a select box like this:

        <select id="year">
        <option value="1">1 Year</option>
        <option value="2">2 Years</option>
        <option value="3">3 Years</option>
        <option value="4">4 Years</option>
        <option value="5">5 Years</option>
        <option value="6">6 Years</option>
        <option value="7">7 Years</option>
        <option value="8">8 Years</option>
        <option value="9">9 Years</option>
        <option value="10">10 Years</option>
        </select>

I want to get value of a specific text in jQuery, like "value of 4 Years". How can I do that?

Possible duplicat [Get selected text from dropdownlist using jQuery](http://stackoverflow.com/questions/1643227/get-selected-text-from-dropdownlist-using-jquery) — Vucko, Jul 06 '13 at 11:17

score 8 · Answer 1 · answered Jul 06 '13 at 11:17

8

Using filter method (exact match):

$('select option').filter(function(){
    return $(this).text() === '4 Years';
}).val();

Using :contains selector:

$('select option:contains(4 Years)').val();

answered Jul 06 '13 at 11:17

Ram

143,282
16
168
197

score 6 · Accepted Answer · answered Jul 06 '13 at 11:21

6

Try using .text() on the selected option. e.g.:

$('select option:selected').text();

answered Jul 06 '13 at 11:21

Falguni Panchal

8,873
3
27
33

score 5 · Answer 3 · answered Jul 06 '13 at 11:19

5

If you want the value of the selected option:

$('#year').val();

If you want a specific option by its text:

$("#year option:contains('4 Years')").val();

Regards.

answered Jul 06 '13 at 11:19

ezakto

3,174
22
27

jQuery get the value from selectbox by its text

3 Answers3