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">