Ajax 实现省市县三级联动【无刷新】三层

sql建表

HTML——HTMLPage1.htm

[html]view plaincopy 
   
 <htmlxmlns="http://www.w3.org/1999/xhtml">@H_403_41@ 
  
 head>@H_403_41@ 
  
title>Ajax实现省市县三级联动【无刷新】三层</styletype="text/css" select@H_403_41@ 
  
 {@H_403_41@ 
  
 width:130px;@H_403_41@ 
  
 }@H_403_41@ 
  
stylescriptsrc="js/Jquery1.7.js"type="text/javascript">scriptscripttype="text/javascript" $(function(){@H_403_41@ 
  
 $.ajax({@H_403_41@ 
  
 type:"post",@H_403_41@ 
  
 contentType:"application/json",@H_403_41@ 
  
 url:"WebService1.asmx/GetProvince",108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px"> data:"{}",248); line-height:18px"> success:function(result){@H_403_41@ 
  
 varstroption='';@H_403_41@ 
  
 for(vari=0;i<result.d.length;i++){@H_403_41@ 
  
 stroption+='optionvalue='+result.d[i].provinceID+'>';@H_403_41@ 
  
 stroption+=result.d[i].provincename;@H_403_41@ 
  
option $('#seprovince').append(stroption);@H_403_41@ 
  
 })@H_403_41@ 
  
 @H_403_41@ 
  
 $('#seprovince').change(function(){@H_403_41@ 
  
 $('#secityoption:gt(0)').remove();@H_403_41@ 
  
 $('#seareaoption:gt(0)').remove();@H_403_41@ 
  
 @H_403_41@ 
  
 $.ajax({@H_403_41@ 
  
 type:"post",248); line-height:18px"> contentType:"application/json",108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px"> url:"WebService1.asmx/GetCItyByPro",248); line-height:18px"> data:"{proid:'"+$(this).val()+"'}",108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px"> success:function(result){@H_403_41@ 
  
 varstrocity='';@H_403_41@ 
  
 for(vari=0;iresult.d.length;i++){@H_403_41@ 
  
 strocity+='optionvalue='+result.d[i].cityID+'>';@H_403_41@ 
  
 strocity+=result.d[i].cityname;@H_403_41@ 
  
 }@H_403_41@ 
  
 $('#secity').append(strocity);@H_403_41@ 
  
 })@H_403_41@ 
  
 $('#secity').change(function(){@H_403_41@ 
  
 url:"WebService1.asmx/GetAreaByCity",108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px"> data:"{cityid:'"+$(this).val()+"'}",108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px"> varstroarea='';@H_403_41@ 
  
 stroarea+='optionvalue='+result.d[i].areaID+' stroarea+=result.d[i].areaname;@H_403_41@ 
  
 $('#searea').append(stroarea);@H_403_41@ 
  
bodytabletrtd 用户名@H_403_41@ 
  
inputid="Text1"type="text"/>@H_403_41@ 
  
 密码@H_403_41@ 
  
inputid="Text2"type="text" 确认密码@H_403_41@ 
  
inputid="Text3"type="text" 邮箱@H_403_41@ 
  
inputid="Text4"type="text" 地址@H_403_41@ 
  
selectid="seprovince">--请选择--select 省@H_403_41@ 
  
selectid="secity">市@H_403_41@ 
  
selectid="searea">县@H_403_41@ 
  
html>@H_403_41@

创建Web服务——WebService1.asmx

copy

Ajax 实现省市县三级联动【无刷新】三层 | 三级联动—有刷新

猜你在找的Ajax相关文章

Ajax 实现省市县 三级联动【无刷新】三层 | 三级联动—有刷新

猜你在找的Ajax相关文章

Ajax 实现省市县三级联动【无刷新】三层 | 三级联动—有刷新