/address-select

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

Primary LanguageJavaScript

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

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

回显

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

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

操作

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

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

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

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