首页 > 代码库 > 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查数据库)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。