jquery .change function

Question

On our home page we have a drop down menu that takes you to a country specific page.

We are using the the jquery change function to point the user to the correct country when the country is selected in a dropdown box.

If the user selects a country and and presses back after viewing the country page, and then wishes to view the same country page again, they have to select another country, press back and then select the previous desired country. Any way around this?

$(document).ready(function() {
$('select.jumpmenu').change(function(){ 
        if($(this).find("option:selected").val() != 'no_selection'){
            $.ajax({
                    type: "GET",
                    url: "/countries/jsontariff/" + $(this).find("option:selected").val(),
                    success: function(html){
                        window.location = "/recommend/";
                    }
            });
        }       
    });
});

How about executing the same code on document ready that you execute on the change event? — András Szepesházi
– András Szepesházi, Commented Apr 13, 2011 at 15:23
Nope, binding the change event is in document.ready :) It's not the same thing. Check ohmusama's answer below, that is what I was driving at. — András Szepesházi
– András Szepesházi, Commented Apr 13, 2011 at 15:43

Dr.Molle · Accepted Answer · 2011-04-13 15:22:40Z

1

Try to reset the select onload:

$(document).ready(function(){$('#selectList option:first').attr('selected',true)})

answered Apr 13, 2011 at 15:22

Dr.Molle

117k16 gold badges200 silver badges206 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ohmusama · Accepted Answer · 2011-04-13 15:33:54Z

0

I would execute the same code on page load.

executeCountrySelection() {
    if($('select.jumpmenu').find("option:selected").val() != 'no_selection'){
        $.ajax({
                type: "GET",
                url: "/countries/jsontariff/" + $(this).find("option:selected").val(),
                success: function(html){
                    window.location = "/recommend/";
                }
        });
    }
}

$(document).ready(function() {

    //executes when the page loads
    executeCountrySelection();

    //then again when the select is changed
    $('select.jumpmenu').change(function() { executeCountrySelection(); });

});

edited Apr 13, 2011 at 15:33

answered Apr 13, 2011 at 15:23

ohmusama

4,2556 gold badges27 silver badges45 bronze badges

1 Comment

Wiseguy Over a year ago

You could also manually trigger the change event after assigning the change function, but I like your way better, as it seems a little more clear and forthright.

Collectives™ on Stack Overflow

jquery .change function

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related