仿京东地址选择器,三级联动。
首先说一下json文件,后台接口想要带有省市县编码的数据,发现网上的选择器几乎都是只返回省市县名称,这里一种偷懒的做法是拿到省市县名称后直接去带有省市县编码的json中遍历查找,但是真正写程序的怎么会用这种方法呢,我们当然选择一步到位,所以根据json文件整合区域编码,写出这个三级联动。还有一点,再网上查询省市县区域编码json,包括最权威的2018年11月中华人民共和国县以上行政区划代码.json、民政部门门户网站。发现根本没有香港、澳门和台湾省的具体市县信息,没有名称更没有编码。于是,要做就做彻底,直接在网上查询港澳台的具体省市县整合成三级,主要数据来自百度百科。搜到数据一条一条收录到Excel,再用代码添加到json中,生成json文件。其中由于官方并没给出港澳台省市县的区域编码,港澳台市县对应的编码是参考其他省的市县编码生成规则生成,后期如果官方发布,可以随时更改。文字搜集工作简单、烦琐。看着台湾省的那么多的市、区/县,内心激动,当时就想把台湾收了。
其次上个GIF预览图。

最后留下代码。github
网友评论