jQuery .change函数

问题描述

| 在我们的主页上，我们有一个下拉菜单，可将您带到特定国家的页面。 当在下拉框中选择国家时，我们使用jquery .change函数将用户指向正确的国家。 如果用户选择一个国家并在查看国家页面后按回去，然后希望再次查看同一国家页面，则他们必须选择另一个国家，按回去，然后选择上一个所需的国家。 反正这吗？

$(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/\";
                    }
            });
        }       
    });
});

    

解决方法

尝试重置select onload：

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

    ,我会在页面加载时执行相同的代码。

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(); });

});