Check if an select option exists based on text in jQuery 1.7

Question

So I have the following piece of HTML:

<select id="sel">
<option value="0">Option1</option>
<option value="1">Option2</option>
<option value="2">Option3</option>
<option value="3">Option4</option>
</select>

How do I check to see if #sel has an option based on the text value? ("Option1")

Found this past question that should provide assistance to your problem [Possible Solution](http://stackoverflow.com/questions/2385963/how-do-i-check-if-no-option-is-selected-in-a-selectbox-using-jquery) — Ryan Beaulieu, Jul 24 '12 at 20:50

Ram · Accepted Answer · 2018-04-25T12:37:06.620

15

Try the following:

var opt = 'Option1';
if ($('#sel option:contains('+ opt +')').length) {
   alert('This option exists')
}

Demo

edit: The above snippet uses the jQuery contains selector which filters elements that their textContent contains the specified value. For an exact match you can use the code snippet suggested in christian-mann's answer.

How to do this with Javascript (not jquery) – Jerry

var optionExists = [].some.call(document.getElementById('sel').options, function(option) {
   return option.textContent === 'value';
});

edited Apr 25 '18 at 12:37

answered Jul 24 '12 at 20:51

Ram

143,282
16
168
197

It will fail if the select only has `Option112` – Silviu-Marian Jul 24 '12 at 20:59
1

`contains` doesn't equate to 'is an exact match', so that will return a positive match for ``. http://jsfiddle.net/FPDCu/212 – user1063287 Mar 31 '18 at 01:54
@user1063287 That's true, for exact match Christian's suggested snippet can be used. – Ram Apr 08 '18 at 08:16
How to do this with Javascript (not jquery) – Jerry Apr 25 '18 at 11:36

score 9 · Answer 2 · answered Jul 24 '12 at 20:52

9

The jQuery filter function accepts a function as its argument:

$('#sel option').filter(function() { 
    return $(this).text() === "Option1"; 
});

answered Jul 24 '12 at 20:52

Christian Mann

8,030
5
41
51

How to make it dynamic? – Yasin Patel Sep 16 '22 at 11:25

score 1 · Answer 3 · answered Jul 31 '15 at 14:22

var length = $('#sel option').filter(function() { 
    return $(this).text() === "Option1"; 
}).length;

if(length == 0)
    console.log('This option text doesn't exist.');
else
    console.log('This option text exists ' + length + ' times.');

If length is 0, it doesn't exist. I typically don't like using contains, because it's not an exact match.

score 0 · Answer 4 · answered Jul 24 '12 at 20:51

0

var hasOption1=$("option:contains('Option1')", "#sel").length==1; //true or false

answered Jul 24 '12 at 20:51

adeneo

312,895
29
395
388

It will fail if the select only has `Option112` – Silviu-Marian Jul 24 '12 at 20:59
1

I did, that's why I didn't downvote your answer. You should probably underline that there's no strict comparison selector and `filter(fn)` should be used instead. – Silviu-Marian Jul 24 '12 at 22:09

Check if an select option exists based on text in jQuery 1.7

4 Answers4

Linked