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

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

 1 //id 代表下级下拉框ID,cityCode代表的是父级菜单代码,所有级菜单在同一张表,
 2 function getCitys(cityCode,id){
 3             $("#"+id+" option:gt(0)").remove();
 4             if(cityCode)
 5             {
 6                 $("#loading").show();//显示正在加载提示层
 7                 var loadUrl="/sfss/sysMan2012/loadCitys.do";
 8                 var loadData="&key="+cityCode+"&dt="+new Date().getTime();
 9                     $.ajax({
10                         url:loadUrl,
11                         data:loadData,
12                         method:‘POST‘,
13                         dataType:‘json‘,
14                         success:function(data){
15                             if(data!=null&&data.citys.length>0)
16                             {
17                                 $("#"+id).show();
18                                 $(data.citys).each(function(index,city){
19                                     $("#"+id).append("<option value=‘"+city.key+"‘>"+city.value+"</option>");
20                                 });
21                             }
22                             else
23                             {
24                                 $("#"+id).hide();
25                             }
26                             $("#loading").hide();
27                         }
28                     });
29             }
30             else
31             {
32                 $("#"+id).hide();
33             }
34         }
35         $(function(){//代码用在修改页面的,在进入后分别籍贯,出生地,居住地,统一加载
36             //初始化省级下的城市列表
37             $("select[name$=‘Province‘]").each(function(){
38                 //若有省级下拉框有初始值,则显示对应市级下拉框
39                 if(this.value)
40                     this.onchange();
41             });
42         });
43
44
45
46 HTML
47     //省
48     <select onchange="getCitys(this.value,‘nativePlaceCity‘)" name="nativePlaceProvince">
49     //市
50     <select style="display: none;" name="nativePlaceCity" id="nativePlaceCity">