微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery .change函数

如何解决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(); });

});
    

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。