AJAX和WebService实现省市县三级联动具体代码

- WebService1.asmx -复制代码代码如下： //若要允许使用ASP.NET AJAX从脚本中调用此网服务，请取消对下行的注释[系统。公共类网络服务1 :系统网络。服务。webservice {[WebMethod]公共字符串hello world(){ 0返回《你好，世界》；}[WebMethod]public listmodel。vehicle GetProvince(){ bll。车辆bpro=新bll。车辆()；ListModel。省份列表=bpro .getlistmode()；退货清单；}[WebMethod]public listmodel。city getcity bypro(字符串proid){ bll。城市bccity=新bll。city()；ListModel.city list=bcity城市城市. GetListModel('父亲=' proid ' ' ')；退货清单；}[WebMethod]public listmodel。区域植被密度(字符串城市id){ bll。barea区域=新bll。面积()；ListModel.area list=barea .GetListModel('父亲='城市id ' ' ')；退货清单；}-HTMLPage1.htm-复制代码代码如下： html xmlns=' http://www。w3。org/1999/XHTML ' head title/title style type=' text/CSS ' select { width : 150 px；}/style脚本src=' http : js/Jquery1。7 .js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $).ajax({ type: 'post '，内容类型： ' application/JSON '，URL : ' webservice1。asmx/GetProvince '，数据： ' } '，成功：函数(结果){ var stroption=for(var I=0；我结果d。长度；I){ stroption=' option value='结果。国防工业.省份idstroption=result.d[i].provincenamestroption='/option '；} $(' # sep providence ').追加（存储选项);} })$(' # sep providence ').change(function(){ $(' # secity option : gt(0)')).移除();$(' # searea options : gt(0)').移除();$.ajax({ type: 'post '，内容类型： ' application/JSON '，URL : ' webservice 1。asmx/getcity bypro '，data: '{proid:'' $(this)).val() ''} '，成功：函数（结果){ var stro city=for(var I=0；我结果d。长度；I){ stro city=' option value='结果。国防工业.城市idstrocity=result.d[i].city name stro city='/option '；} $('#secity ').追加(斯特罗市)；} }) }) $('#secity ').change(function(){ $(' # searea options : gt(0)')).移除();$.ajax({ type: 'post '，内容类型： ' application/JSON '，URL : ' web service 1。asmx/getarebycity '，data: '{cityid:'' $(this).val() ''} '，成功：函数（结果){ var stro area=for(var I=0；我结果d。长度；I){ stro area=' option value='结果。国防工业.区域idstroarea=result.d[i].area name stro area='/option '；} $(' # sea ea ').追加(stro地区)；} })}))})/脚本/头体表tr td地址TD/TD选择id=' seprovince '选项-请选择-/选项/选择省选择id='secity '选项-请选择-/选项/选择市选择id=' searea '选项-请选择-/选项/选择县TD/tr/table/body/html(9500 . 163.com)

注：用到了三层架构，达尔层写了一些方法