介绍
这篇文章主要介绍基于jQuery Ajax怎么实现下拉框无刷新联动,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
具体内容如下
HTML代码:
@ { 时间=Layout 才能;零; } @using 木豆; @using System.Data; @ { AreaDal 才能;AreaDal =, new AreaDal (); string 才能;areaId =, ViewBag.areaId; DataRow 才能;drArea =, areaDal.GetArea (areaId); string 才能;countyId =, drArea ==, null ?,“1“,:, drArea [“countyId"] .ToString (); DataRow 才能;drCounty =, areaDal.GetCounty (countyId); string 才能;cityId =, drCounty ==, null ?,“1“,:, drCounty [“cityId"] .ToString (); DataRow 才能;drCity =, areaDal.GetCity (cityId); string 才能;provinceId =, drCity ==, null ?,“1“,:, drCity [“provinceId"] .ToString (); } & lt; ! DOCTYPE html> & lt; html> & lt; head> & lt;才能title>商圈选择& lt;/title> & lt;才能script 类型=拔谋?javascript"比; ,,,//选中 ,,,function 选择(selId、, id,回调),{ ,,,,,美元(“#“,+,selId) .val (id); ,,,,,if (回调),回调(); ,,,} ,,,//获取省列表 ,,,function getProvinces(回调),{ ,,,,,. ajax({美元 ,,,,,,,类型:,“POST", ,,,,,,,url:,“.content(“~//区域/GetProvinces"后台)“, ,,,,,,,数据:,{}, ,,,,,,,成功:,function (文本),{ ,,,,,,,,,美元(“# province") . html(文本); ,,,,,,,,,if (回调),回调(); ,,,,,,,}, ,,,,,,,错误:,function (), { ,,,,,,,} ,,,,,}); ,,,} ,,,//获取市列表 ,,,function getCities (pid,,回调),{ ,,,,,. ajax({美元 ,,,,,,,类型:,“POST", ,,,,,,,url:,“.content(“~//区域/GetCities"后台)“, ,,,,,,,数据:,{,“provinceId": pid,,}, ,,,,,,,成功:,function (文本),{ ,,,,,,,,,美元(“# city") . html(文本); ,,,,,,,,,if (回调),回调(); ,,,,,,,}, ,,,,,,,错误:,function (), { ,,,,,,,} ,,,,,}); ,,,} ,,,//获取区县列表 ,,,function getCounties (pid,,回调),{ ,,,,,. ajax({美元 ,,,,,,,类型:,“POST", ,,,,,,,url:,“.content(“~//区域/GetCounties"后台)“, ,,,,,,,数据:,{,“cityId": pid,,}, ,,,,,,,成功:,function (文本),{ ,,,,,,,,,美元(“# county") . html(文本); ,,,,,,,,,if (回调),回调(); ,,,,,,,}, ,,,,,,,错误:,function (), { ,,,,,,,} ,,,,,}); ,,,} ,,,//获取商圈列表 ,,,function getAreas (pid,,回调),{ ,,,,,. ajax({美元 ,,,,,,,类型:,“POST", ,,,,,,,url:,“.content(“~//区域/GetAreas"后台)“, ,,,,,,,数据:,{,“countyId": pid,,}, ,,,,,,,成功:,function (文本),{ ,,,,,,,,,美元(“# area") . html(文本); null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null基于jQuery Ajax怎么实现下拉框无刷新联动