利用Jquery实现级联省份

来源：互联网发布：儿童心理测评软件编辑：程序博客网时间：2024/05/16 07:10

后台：

   #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(''));
    });