ajax版的 精简的三级联动
|
$("#selProvince").change(function() { $.ajax({ type: "GET", url: "/handler/pcdprovider/getcitylist_1_0.ashx", data: { proid: this.value }, success: function(data) { var selcity = $("#selCity"); $("#selDistrict").html("<option value='0'>选择所在区县</option>"); selcity.empty(); data = eval(data); for (var i = 0; i < data.length; i++) { selcity.append("<option value='" + data[i].CityID + "'>" + data[i].City_CN + "</option>"); } }, error: function(e) { } }); }); $("#selCity").change(function() { $.ajax({ type: "GET", url: "/handler/pcdprovider/getdistrictlist_1_0.ashx", data: { cityid: this.value }, success: function(data) { var selDistrict = $("#selDistrict"); selDistrict.empty(); data = eval(data); for (var i = 0; i < data.length; i++) { selDistrict.append("<option value='" + data[i].AreaID + "'>" + data[i].District_CN + "</option>"); } }, error: function(e) { } }); }); //选定某项 for(var i=0 ;i<document.getElementById("selDist").options.length;i++) 一般处理程序
public void ProcessRequest(HttpContext context) { int provinceId = WebHelper.GetQueryStringValue<int>(ResourceKeys.ProvinceId,0); List<CityEntity> CityList = GetHotCityList(provinceId); CityList.Insert(0,new CityEntity() { CityID = 0,City_CN = "选择所在城市" }); context.Response.ContentType = "application/json"; context.Response.Write(SerializationHelper.SerializeJSON(CityList)); context.Response.End(); } /// <summary> /// 城市数据转换 /// </summary> /// <param name="provinceId"></param> /// <returns></returns> protected List<CityEntity> GetHotCityList(int provinceId) { List<CityEntity> plist = new List<CityEntity>(); List<mc.CityEntity> ve = AdminiArea.GetCityList(provinceId); foreach (mc.CityEntity item in ve) { CityEntity ce = new CityEntity(); ce.CityID = item.CityID; ce.City_CN = item.City_CN; plist.Add(ce); } return plist; } （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |