picker標簽，官方給出的實例：

1. <view class="section">
2. <view class="section__title">地區選擇器</view>
3. <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
4. <view class="picker">
5. 當前選擇：{{array[index]}}
6. </view>
7. </picker>
8. </view>

1. Page({
2. data: {
3. array: ['美國', '中國', '巴西', '日本'],
4. index: 0,
5. },
6. bindPickerChange: function(e) {
7. console.log('picker發送選擇改變，攜帶值為', e.detail.value)
8. this.setData({
9. index: e.detail.value
10. })
11. },
12. })

wxml頁面：

1. <view class="add-list under-line" >
2.  
3. <view class="add-lab">收貨地址</view>
4. <view class="add-text">
5. <picker class="w-3" bindchange="bindPickerProvince" value="{{provinceIndex}}" range="{{province}}" >
6. <view class="picker">{{province[provinceIndex]}}</view>
7. </picker>
8. <picker class="w-3" bindchange="bindPickerCity" value="{{cityIndex}}" range="{{city}}" >
9. <view class="picker">{{city[cityIndex]}}</view>
10. </picker>
11. <picker class="w-3" bindchange="bindPickerDistrict" value="{{districtIndex}}" range="{{district}}" >
12. <view class="picker">{{district[districtIndex]}}</view>
13. </picker>
14. </view>
15. </view>

js頁面：

1. var app = getApp()
2. Page({
3. data:{
4. motto: 'jxcat',
5. serverUrl: app.globalData.ajaxUrl,
6. baseUrl: app.globalData.baseUrl,