关联省份与学校的级联HTML,利用Jquery实现级联省份

后台：

#region [属性 省份、城市]

//中国所有省份

List provinceTable;

protected List ProvinceTable

{

get

{

if (provinceTable == null)

{

provinceTable = province.GetAllUserProvince();

}

return provinceTable;

}

}

//获取所有城市的JSON

private string mJsonCity = string.Empty;

protected string JsonCity

{

get

{

List 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("-请选择-");            return;        }        ddlCity.removeAttr("disabled");        arrHtml.push("-请选择-");        for (var i = 0; i < jsonCity.length; ++i) {            if (this.value == jsonCity[i].pid) {                arrHtml.push("" + jsonCity[i].name + "");            }        }        ddlCity.html(arrHtml.join(''));    });