下拉无法刷新Ajax页面,jQuery Ajax实现下拉框无刷新联动

@{

Layout = null;

}

@using DAL;

@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();

}

商圈选择

//选中

functionselect(selId, id, callback) {

$("#" +selId).val(id);if(callback) callback();

}//获取省列表

functiongetProvinces(callback) {

$.ajax({

type:"POST",

url:"@Url.Content("~/Backstage/Area/GetProvinces")",

data: {},

success:function(text) {

$("#province").html(text);if(callback) callback();

},

error:function() {

}

});

}//获取市列表

functiongetCities(pid, callback) {

$.ajax({

type:"POST",

url:"@Url.Content("~/Backstage/Area/GetCities")",

data: {"provinceId": pid, },

success:function(text) {

$("#city").html(text);if(callback) callback();

},

error:function() {

}

});

}//获取区县列表

functiongetCounties(pid, callback) {

$.ajax({

type:"POST",

url:"@Url.Content("~/Backstage/Area/GetCounties")",

data: {"cityId": pid, },

success:function(text) {

$("#county").html(text);if(callback) callback();

},

error:function() {

}

});

}//获取商圈列表

functiongetAreas(pid, callback) {

$.ajax({

type:"POST",

url:"@Url.Content("~/Backstage/Area/GetAreas")",

data: {"countyId": pid, },

success:function(text) {

$("#area").html(text);if(callback) callback();

},

error:function() {

}

});

}

==请选择==

==请选择==

==请选择==

==请选择==

//选择省

$("#province").change(function() {varid=$(this).find("option:selected").val();

getCities(id,function() {

$("#city").change();

});

});//选择市

$("#city").change(function() {varid=$(this).find("option:selected").val();

getCounties(id,function() {

$("#county").change();

});

});//选择区县

$("#county").change(function() {varid=$(this).find("option:selected").val();

getAreas(id,function() {

$("#area").change();

});

});

getProvinces(function() {

select("province",'@provinceId',function() {

getCities('@provinceId',function() {

select("city",'@cityId',function() {

getCounties('@cityId',function() {

select("county",'@countyId',function() {

getAreas('@countyId',function() {

select("area",'@areaId');

});

});

});

});

});

});

});