仿京东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、网站不提供资料下载,如需下载请到原作者页面进行下载。