三级联动-使用Jquery实现城市三级数据联动的实例.doc

三级联动!如果你曾经历过冬天,那么你就会有春色!如果你有着信念,那么春天一定会遥远;如果你正在付出,那么总有一天你会拥有花开满圆。使用Jquery实现城市三级数据联动的实例View:<scripttype="text/javascript">$(document).ready(function(){GetByJquery();$("#ddlProvince").change(function(){GetCity()});$("#ddlCity").change(function(){GetDistrict()});});functionGetByJquery(){$("#ddlProvince").empty();//清空省份SELECT控件$.getJSON("/ajax/GetProvinceList",function(data){$.each(data,function(i,item){$("<option></option>").val(item["ProvinceID"]).text(item["ProvinceName"]).appendTo($("#ddlProvince"));});GetCity();});}functionGetCity(){$("#ddlCity").empty();//清空城市SELECT控件varurl="/ajax/GetCityList/"+$("#ddlProvince").val();$.getJSON(url,function(data){$.each(data,function(i,item){$("<option></option>").val(item["CityID"]).text(item["CityName"]).appendTo($("#ddlCity"));});GetDistrict();});}functionGetDistrict(){$("#ddlDistrict").empty();//清空市区SELECT控件varurl="/ajax/GetDistrictList/"+$("#ddlCity").val();$.getJSON(url,function(data){$.each(data,function(i,item){$("<option></option>").val(item["DistrictID"]).text(item["DistrictName"]).appendTo($("#ddlDistrict"));});});}</script><table><tr><td><selectid="ddlProvince"/></td><td><selectid="ddlCity"/></td><td><selectid="ddlDistrict"/></td></tr></table>Controller:usingSystem;using;using;using;using;using;namespace{lassAjaxController:Controller{////GET:/Ajax////<summary>///获取所有[省份]数据///</summary>publicActionResultGetProvinceList(){if(!()){re