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

html, javascript, jquery, jquery-selectors

Solution

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';
});

Problem

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")

Original source

Related problems