码迷,mamicode.com
首页 > 数据库 > 详细

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

时间:2014-11-07 13:01:24      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   os   sp   数据   div   

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

 

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

标签:style   blog   io   color   ar   os   sp   数据   div   

原文地址:http://www.cnblogs.com/CHEUNGKAMING/p/4080808.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!