Question

My select box is as follows:

<select id='list'>
    <option value='1'>A</option>
    <option value='2'>B</option>
    <option value='3'>C</option>
</select>

I want to get the value of option – B without selecting it.

With jQuery I can do the opposite i.e get the text when I know the value through following:

$("#list option[value='2']").text();

But I want the reverse. I tried with following but not working:

 $("#owner option['B']").val();  

How can I do this?

Answer 1

Use the :contains selector.

Assuming “owner” really is the ID of your <select> (it’s “list” in your example), you can use:

 $("#owner option:contains('B')").val() // 2