In this article I'm going to show you all, how to check for <option>'s existence in a <select> tag. Their are many ways to do this. Lets see a simple way of it.
First lets have a look on my drop down.
1 2 3 4 5 6 7 8 9 | <html> <body> <select id="ddMember"> <option value="Nifal">Nifal</option> <option value="Asjad">Asjad</option> <option value="Dinesh">Dinesh</option> </select> </body> </html> |
Now lets say you wanted to check for the existence of the member "Gowtham" in the above drop-down. Use below java script codes to check it.
1 | var isExist = $('#ddMember option:contains("Gowtham")').length; |
Above code will check for the given option. If value is not exist it will return zero(0). Otherwise it will return some other number, depending on the occurrences.
Lets say, you wanted check for a option and if not available you wanted add it to your drop-down, simply use your below codes to do it.
1 2 3 | if($('#ddMember option:contains("Gowtham")').length){ $('#ddMember').append("<option value="Gowtham">Gowtham</option>"); } |
Hope you found, what you looked for.
