jquery多級聯動(ajax查資料庫)

標籤：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                             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查資料庫)