仿京东app开发省市区街道-四级地址选择插件

address-select 仿京东app开发省市区街道-四级地址选择插件

演示地址

数据源

1.省市区数据源 http://passer-by.com/data_location/list.json

2.街道(乡镇)数据源 'http://passer-by.com/data_location/town/' + currentArea.code + '.json' currentArea.code 是当前选中的区县一级的地址的编码,6位。

显示

地址回显标签和打开地址标签的输入域中,将会显示被选中的地址

每一级地址(省市区县),被选中后将会显示在列表栏中,用于提示选中了那个地址,以及下一步要选择那一级地址。比如选中四川省,成都市后,四川省和成都市都会显示在列表中,而且下一级区县提示"请选择"

每一级地址下,显示该级的全部地址信息,例如省级地址显示"北京市","天津市","河北省"等等

回显

一次完整的地址选择完成后,再次打开地址选择器,可以看到各级被选择过后的地址添加了不同的背景颜色

将要选择的地址那一级,添加了下边框和文本颜色改变了

操作

打开地址输入域将会打开地址选择器

点击除"选择地址容器"以外的区域,将会关闭地址选择器

点击右上角关闭按钮,将会关闭地址选择器

当各级地址都已选择完毕后,将会关闭地址选择器

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。