jquery多级联动(ajax查数据库)

/id 代表下级下拉框ID,cityCode代表的是父级菜单代码,所有级菜单在同一张表,后台在加载是把菜单已经加入到Map缓存中....

//id 代表下级下拉框ID,cityCode代表的是父级菜单代码,所有级菜单在同一张表,
function getCitys(cityCode,id){
            $("#"+id+" option:gt(0)").remove();
            if(cityCode)
            {
                $("#loading").show();//显示正在加载提示层
                var loadUrl="/sfss/sysMan2012/loadCitys.do";
                var loadData="&key="+cityCode+"&dt="+new Date().getTime();
                    $.ajax({
                        url:loadUrl,
                        data:loadData,
                        method:'POST',
                        dataType:'json',
                        success:function(data){
                            if(data!=null&&data.citys.length>0)
                            {   
                                $("#"+id).show();
                                $(data.citys).each(function(index,city){
                                    $("#"+id).append("<option value='"+city.key+"'>"+city.value+"</option>");           
                                });
                            }
                            else
                            {
                                $("#"+id).hide();
                            }
                            $("#loading").hide();
                        }
                    });
            }
            else
            { 
                $("#"+id).hide();
            }
        }
        $(function(){//代码用在修改页面的,在进入后分别籍贯,出生地,居住地,统一加载
            //初始化省级下的城市列表
            $("select[name$='Province']").each(function(){
                //若有省级下拉框有初始值,则显示对应市级下拉框
                if(this.value)
                    this.onchange();
            });
        });
 
 
 
HTML
    //省
    <select onchange="getCitys(this.value,'nativePlaceCity')" name="nativePlaceProvince">
    //市
    <select style="display: none;" name="nativePlaceCity" id="nativePlaceCity">