纯JS省市区三级联动(行政区划代码更新至2015-9-30)

本文代码实现的功能是省市区三级联动下拉列表,纯Javascript,网上已有很多这方面的代码。但是作为一个新手,这是我的第一篇CSDN博客,发此文的目的主要是学习交流,希望看到的朋友发现有什么不对的地方批评指正一下。
整体的实现思路是:1、创建一个"place类",给这个类增加"地名","地区编码"等属性,增加"返回代表省的前两位数字","返回代表市的前四位数字","判断地区类型"等方法;2、创建一个包含全国地名数据的Json对象;3、创建三个数组,分别代表所有的省市区,通过遍历包含地名数据的Json,并通过判断地区类型,把生成的place对象归类到这三个数组,并初始化下拉列表选项;4、创建一个selectChange函数,当下拉列表发生改变时执行这个函数,更新下拉列表选项。
地名数据来自从国家统计局官网(http://www.stats.gov.cn/tjsj/tjbz/xzqhdm/201608/t20160809_1386477.html),可以用Excel拼接字符串的方式快速转化为一个Json对象,实现的功能比较简陋,也就不按照结构、行为、表现分离的原则来写了。下面贴上代码。







无标题文档





地区:




你可能感兴趣的:(纯JS省市区三级联动(行政区划代码更新至2015-9-30))