国家，省，市ajax级联加载列表js
前端之家收集整理的这篇文章主要介绍了
国家，省，市ajax级联加载列表js，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
//选择国家 $("#selCountry").change(function(){ var cntryId = $(this).val(); if(cntryId !=0){ //国家改变,清空已加载的省份 $("#selProvince option[value!=0]").remove(); $.ajax({ type: "GET",url: ctx +"/place/getProvinceByCntryId",data: {"cntryId":cntryId},dataType:"json",success:function(data){ var strJson = eval(data); var strHtml = ''; for(var i = 0;i<strJson.length;i++){ strHtml +='<option value="'; strHtml += strJson[i].prvnceId+'"'; strHtml +='>'; strHtml += strJson[i].prvnceName+'</option>'; } $("#selProvince").append(strHtml); } }); }else{//国家变为待选择,省份和城市列表清空都为待选择 $("#selProvince option[value!=0]").remove(); $("#selCity option[value!=0]").remove(); } }); //选择省份 $("#selProvince").change(function(){ var prvnceId = $(this).val(); if(prvnceId !=0){ //省份改变,清空已加载的城市 $("#selCity option[value!=0]").remove(); $.ajax({ type: "GET",url: ctx +"/place/getCityByPrvnceId",data: {"prvnceId":prvnceId},success:function(data){ var strJson = eval(data); var strHtml = ''; for(var i = 0;i<strJson.length;i++){ strHtml +='<option value="'; strHtml += strJson[i].cityId+'"'; strHtml +='>'; strHtml += strJson[i].cityName+'</option>'; } $("#selCity").append(strHtml); } }); }else{//省份为待选择,城市列表清空变为待选择 $("#selCity option[value!=0]").remove(); } }); 原文链接：https://www.f2er.com/ajax/163472.html
