微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

国家,省,市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.jb51.cc/ajax/163472.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐