小程序获取城市行政区号_微信小程序 省市区选择器实例详解(附源码下载)

微信小程序 省市区选择器：

最近学习微信小程序，为了检验自己的学习效果，自己做一个小示例，网上搜索下类似的实例，发现这个更好，大家看下。

一、区域间手势滑动切换，标题栏高亮随之切换

思路是：拿当前的current来决定高亮样式

1.监听swiper滚动到的位置：

currentChanged: function (e) {

// swiper滚动使得current值被动变化，用于高亮标记

var current = e.detail.current;

this.setData({

current: current

});

}

2.布局文件中做条件判断，是否加上高亮样式，其中area-selected是目标样式，color: red;

{ {provinceName}}

{ {provinceName}}

{ {cityName}}

{ {cityName}}

{ {regionName}}

{ {regionName}}

{ {townName}}

{ {townName}}

3.点击上级时为下一级赋予“请选择”字样

provinceTapped: function(e) {

...

that.setData({

cityName: '请选择',

city: ar