jQuery. Check if the option element has selected attribute

Question

I have a function that needs to be fired on window load only if there on page is no option elements that has "selected" attribute.

<option value="1" selected="selected">Option</option>

I tried to do this with no luck with next function:

function fireWhenLoad () { if ( $('select option').is(':selected')) { alert("Selected"); } else { alert("Not Selected"); runIfNoSelectedOptions(); } }; $(window).load(function(){ fireWhenLoad(); });

The function alerts "Selected" in every case if options has "selected" attribute and if they don't.

So what am I doing wrong and how can I check if option element has "selected" attribute?

Thank you!

juju · Accepted Answer · 2013-10-11 09:01:56Z

If I understand you correctly, Use $(document).ready() to enure dom elements have been loaded and then loop through the options. You are currently only selecting first option.

$(document).ready(function(){ $("select option").each(function() { var $this = $(this); if ($this.attr("selected") !== undefined) { alert("Selected"); } else { alert("Not Selected"); runIfNoSelectedOptions(); return false; } });

});

Sylvain · Accepted Answer · 2013-10-11 08:55:36Z

0

You can use the $.(document).ready() functionality of JQuery to trigger your event.

answered Oct 11, 2013 at 8:55

Sylvain

1581 silver badge9 bronze badges

Comments

Optimus Prime · Accepted Answer · 2013-10-11 09:08:30Z

Have you tried,

$('option').each(function(){ if($(this).is(':selected')){ alert("Selected"); } else { alert("Not Selected"); runIfNoSelectedOptions(); } });

Collectives™ on Stack Overflow

jQuery. Check if the option element has selected attribute

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related