option selector based on text

Question

Everywhere on SO there is only selector via value, but I want to select option based on it text.

For example, I have this:

<select id="some-id">
    <option>1</option>
    <option>2</option>
</select>

How get option with text equal to "2"? Something like this:

jQuery("#some-id option[text='2']")

But it is not working for me, how it should be done?

http://stackoverflow.com/questions/5941874/select-option-by-text-using-jquery — paul, Sep 05 '12 at 12:45
possible duplicate http://stackoverflow.com/questions/3744289/jquery-how-to-select-an-option-by-its-text — Hazem Salama, Sep 05 '12 at 12:46

score 5 · Answer 1 · answered Sep 05 '12 at 12:45

5

You can use the :contains selector:

var option = jQuery("#some-id option:contains('2')");

answered Sep 05 '12 at 12:45

James Allardice

But it will also return those options where the value is 122, no? – SexyBeast Sep 05 '12 at 12:47
@Cupidvogel - It will indeed. Sorry, didn't read your question carefully enough. The `filter` method in another answer will do the trick nicely. – James Allardice Sep 05 '12 at 12:48
1

For my purpose it would be corrent answer anyway ;) – kamil Sep 05 '12 at 13:13

score 4 · Accepted Answer · answered Sep 05 '12 at 12:46

4

Something like this should probably work:

$("#some-id option").filter(function() { return $(this).text() == '2'; });

answered Sep 05 '12 at 12:46

SexyBeast

2 Answers2