首页 > 代码库 > jquery多级联动(ajax查数据库)

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="http://www.mamicode.com/&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=http://www.mamicode.com/‘"+city.key+"‘>"+city.value+"</option>");           20                                 });21                             }22                             else23                             {24                                 $("#"+id).hide();25                             }26                             $("#loading").hide();27                         }28                     });29             }30             else31             { 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 HTML47     //48     <select onchange="getCitys(this.value,‘nativePlaceCity‘)" name="nativePlaceProvince">49     //50     <select style="display: none;" name="nativePlaceCity" id="nativePlaceCity">

 

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