check to see if 1st option is selected

Question

How would I check to see if the first option is selected and then execute some code.

Something like, if select box named "My_Saved_Shipping" has the 1st option selected then execute the code.

<select name="My_Saved_Shipping">
<option>Select/Enter Address</option>
<option value="1">text</option>
<option value="2">text2</option>
</select>

Answer 1

if ( $('select[name=My_Saved_Shipping]')[0].selectedIndex === 0 ) {
    // do something
}

It'd be best to give the <select> an id (typically matching the name) - an #id selector is faster than a [attr=val] selector.

Answer 2

This is another method:

$('.myselect').change(function() { 
    if ($(this).children('option:first-child').is(':selected')) {
       //do something
    }
});

Answer 3

<script type="text/javascript">
    if($("select[name='My_Saved_Shipping']").selectedIndex == 0)
    {
        //This is where your code goes
        alert('First Element is selected');
    }
</script>

If you want to test for the text within the option, use:

<script type="text/javascript">
    if($("select[name='My_Saved_Shipping']").text == 'Select/Enter Address')
    {
        //This is where your code goes
        alert('First Element is selected');
    }
</script>

Answer 4

Edit: Modified selector to work off of name, also added code to wireup to the change handler for the select, and placed in the ready handler.

$(function(){ 
        $("select[name='My_Saved_Shipping']").change(function() {            
            if (this.selectedIndex == 0){
                 <!-- do stuff -->
                }
          });
});