Jquery 逆向三级联动

 

linkage.init = function(levelOne, levelTwo, levelThree){

    linkage.data = [];

    levelOne = "#" + levelOne;
    levelTwo = "#" + levelTwo;
    levelThree = "#" + levelThree;
    var html = "";
    var url = "linkage.action";//访问地址

    //JQuery访问数据
    $.getJSON(url, function(data){
        linkage.data = data;

        //--正向三级联动------------------
        /**
        $(levelOne).html(linkage.getOptionHtmlByLevel(1));//洲区域信息
        $(levelTwo).html(linkage.getOptionHtmlById($(levelOne).val()));//国家信息
        $(levelThree).html(linkage.getOptionHtmlById($(levelTwo).val()));//城市信息

        // 为下拉levelOne框绑定onchange事件
        $(levelOne).change(function(){
            $(levelTwo).html(linkage.getOptionHtmlById($(levelOne).val()));//国家信息
            $(levelThree).html(linkage.getOptionHtmlById($(levelTwo).val()));//城市信息
        });
        // 为下拉levelTwo框绑定onchange事件
        $(levelTwo).change(function(){
            $(levelThree).html(linkage.getOptionHtmlById($(levelTwo).val()));//城市信息
        });

        */
        //--逆向三级联动------------------
        //初始化下拉框信息
        $(levelThree).html(linkage.getOptionHtmlByLevel(3));//洲区域信息
        $(levelTwo).html(linkage.getOptionHtmlByLevel(2));//国家信息
        //$(levelTwo).val(linkage.getSubIdById($(levelThree).val()));//所属国家信息
        $(levelOne).html(linkage.getOptionHtmlByLevel(1));//城市信息
        //$(levelOne).val(linkage.getSubIdById($(levelTwo).val()));//所属城市信息

        // 为下拉levelOne框绑定onchange事件
        $(levelThree).change(function(){
            $(levelTwo).val(linkage.getSubIdById($(levelThree).val()));//所属国家信息
            $(levelOne).val(linkage.getSubIdById($(levelTwo).val()));//所属城市信息
        });
        // 为下拉levelTwo框绑定onchange事件
        $(levelTwo).change(function(){
            $(levelOne).val(linkage.getSubIdById($(levelTwo).val()));//所属城市信息
        });
    });
};

//--逆向三级联动方法
linkage.getSubIdById = function(id){

    for(i = 0 ; i < linkage.data.length ; i++){
        if(linkage.data[i].id == id){
            return linkage.data[i].subId;
        }
    }
};