基于json的jquery地区联动效果代码

2020-05-24 21:31:09易采站长站整理

写这个东西的初衷是来之于新浪微博,在新浪微博帐号设置里面有个地区的选项,使用js写的,想把它的代码给截获下来,可是失望的是它的js代码压缩了,不过看到的里面json类型格式设计的挺好的,一般我们后台未做任何处理的json数据格式类似以下这样子的
[{“Code”:3231,”Name”:”长春市”},
{“Code”:3232,”Name”:”吉林市}]
如果有一万个地区,会多出几万个字符,这么奢侈的做法我想我还是放弃了吧,
也是出于这种想法,就写了使用.NET输出此种格式的json,以及写了基于jquery联动的下拉。
主要代码如下:
json代码:

var area = ‘{“city3145″:”市辖区”,
“code3145″:”3179”,
“city3146″:”市辖区”,
“code3146″:”3180”,
“city3147″:”石家庄市,唐山市,秦皇岛市,邯郸市,邢台市,保定市,张家口市,承德市,沧州市,廊坊市,衡水市”,
“code3147″:”3181,3182,3183,3184,3185,3186,3187,3188,3189,3190,3191”,
“city3148″:”太原市,大同市,阳泉市,长治市,晋城市,朔州市,晋中市,运城市,忻州市,临汾市,吕梁市”,
“code3148″:”3192,3193,3194,3195,3196,3197,3198,3199,3200,3201,3202”,
“city3149″:”呼和浩特市,包头市,乌海市,赤峰市,通辽市,鄂尔多斯市,呼伦贝尔市,巴彦淖尔市,乌兰察布市,兴安盟,锡林郭勒盟,阿拉善盟”,
“code3149″:”3203,3204,3205,3206,3207,3208,3209,3210,3211,3212,3213,3214”,
“city3150″:”沈阳市,大连市,鞍山市,抚顺市,本溪市,丹东市,锦州市,营口市,阜新市,辽阳市,盘锦市,铁岭市,朝阳市,葫芦岛市”,
“code3150″:”3215,3216,3217,3218,3219,3220,3221,3222,3223,3224,3225,3226,3227,3228”,
“city3151″:”长春市,吉林市,四平市,辽源市,通化市,白山市,松原市,白城市,延边朝鲜族自治州”,
“code3151″:”3229,3230,3231,3232,3233,3234,3235,3236,3237”,
“city3152″:”哈尔滨市,齐齐哈尔市,鸡西市,鹤岗市,双鸭山市,大庆市,伊春市,佳木斯市,七台河市,牡丹江市,黑河市,绥化市,大兴安岭地区”,
“code3152″:”3238,3239,3240,3241,3242,3243,3244,3245,3246,3247,3248,3249,3250”,
“city3153″:”市辖区”, “code3153″:”3251”,
“city3154″:”南京市,无锡市,徐州市,常州市,苏州市,南通市,连云港市,淮安市,盐城市,扬州市,镇江市,泰州市,宿迁市”,
“code3154″:”3252,3253,3254,3255,3256,3257,3258,3259,3260,3261,3262,3263,3264”,
“city3155″:”杭州市,宁波市,温州市,嘉兴市,湖州市,绍兴市,金华市,衢州市,舟山市,台州市,丽水市”,