0x56794E 0x56794E -4 years ago 140
jQuery Question

How to check if an option is selected?

$('#mySelectBox option').each(function() {
if ($(this).isChecked())
alert('this option is selected');
alert('this is not');

Apparently, the
doesn't work. SO my question is what is the proper way to do this?

Answer Source


A more direct jQuery method to the option selected would be:

var selected_option = $('#mySelectBox option:selected');

Answering the question .is(':selected') is what you are looking for:

$('#mySelectBox option').each(function() {
    if($(this).is(':selected')) ...

The non jQuery (arguably best practice) way to do it would be:

$('#mySelectBox option').each(function() {
    if(this.selected) ...

Although, if you are just looking for the selected value try:


If you are looking for the selected value's text do:

$('#mySelectBox option').filter(':selected').text();

Check out: http://api.jquery.com/selected-selector/

Next time look for duplicate SO questions:

Get current selected option or Set selected option or How to get $(this) selected option in jQuery? or option[selected=true] doesn't work

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download