jquery : check if select contains option?

Question

Hi there,

I need to check if a select has an option whose TEXT is a specific value.

Eg <option value="123">abc</option> i would be looking for abc.

Is there a selector to do this?

Im looking for something similar to $('#select option[value="123"]'); but for text

Answer 1

you can use

$('MY SELECT option:selected').text();

here is a working example http://jsfiddle.net/nmvf6/

Answer 2

Either you iterate through the options, or put the same text inside another attribute of the option and select with that.

Answer 3

You can use the :contains() selector to select elements that contain specific text.
For example:

$('#mySelect option:contains(abc)')

To check whether a given <select> element has such an option, use the .has() method:

if (mySelect.has('option:contains(abc)').length)

To find all <select>s that contain such an option, use the :has() selector:

$('select:has(option:contains(abc))')

Answer 4

This could help:

$('#test').find('option[text="B"]').val();

Demo - http://jsfiddle.net/nmvf6/1/

This would give you the option with text B and not the ones which has text that contains B. Hope this helps