利用Jquery实现级联省份

后台：

#region [属性 省份、城市]
//中国所有省份
List<Byecity2011.WebSite.Model.Web_UserProvince> provinceTable;
protected List<Byecity2011.WebSite.Model.Web_UserProvince> ProvinceTable
{
get
{
if (provinceTable == null)
{
provinceTable = province.GetAllUserProvince();
}
return provinceTable;
}
}
//获取所有城市的JSON
private string mJsonCity = string.Empty;
protected string JsonCity
{
get
{
List<Byecity2011.WebSite.Model.Web_UserCity> CityTable = province.GetAllUserCity();
if (CityTable == null) return "var jsonCity = null";
string[] sArrJson = new string[CityTable.Count];
int i = 0;
foreach (Byecity2011.WebSite.Model.Web_UserCity usercity in CityTable)
{
sArrJson[i] = "{name: \"" + usercity.Name.ToString() + "\",id: \"" + usercity.ID + "\",pid:\"" + usercity.ProvinceID + "\"}";
i = i + 1;
}
return "var jsonCity = [" + string.Join(",", sArrJson) + "];";
}
}
#endregion

前台

ddlProvince.change(function() {
var arrHtml = new Array();
if (this.value == "0") {
ddlCity.attr("disabled", "disabled");
ddlCity.html("<option value='0'>-请选择-</option>");
return;
}
ddlCity.removeAttr("disabled");
arrHtml.push("<option value='0'>-请选择-</option>");
for (var i = 0; i < jsonCity.length; ++i) {
if (this.value == jsonCity[i].pid) {
arrHtml.push("<option value='" + jsonCity[i].id + "'>" + jsonCity[i].name + "</option>");
}
}
ddlCity.html(arrHtml.join(''));
});