小程序的picker，更好的处理的select事件以及应对深层次的多级联动，对于单选的picker，最简单的就是选择数据和要展示的一一对象，这样我们可以直接使用；
e.detail.value获取选中的值，但更多的时候，我们选择的是一个对象，展示的是其中的一个字段，使用方式 wxml为：
<picker bindchange="bindPickerChange" value="{{index}}" range="{{subjectList}}" range-key="{{‘name‘}}">
<view class="picker">
{{checkedSubject}}
</view>
</picker>
其中subjectList为数据源，使用range-key可以更改为选项列表展示的数据，checkedSubject是我们选中以后需要展示的数据；
[{"id":1,"name":"语文"},{"id":2,"name":"数学"},{"id":3,"name":"外语"},{"id":4,"name":"物理"},{"id":5,"name":"化学"},{"id":6,"name":"政治"},{"id":7,"name":"地理"},{"id":8,"name":"历史"},{"id":9,"name":"体育"},{"id":10,"name":"音乐"},{"id":11,"name":"生物"},{"id":12,"name":"总分"},{"id":13,"name":"排名"},{"id":14,"name":"美术"},{"id":17,"name":"思想品德"}]
选中后的展示，和数据源通过index来对应起来，对应的js如下：
bindPickerChange: function (e) {
console.log(‘picker发送选择改变，携带值为‘, e.detail.value)
this.setData({
checkedSubject: this.data.subjectList[e.detail.value].name,
subjectId: this.data.subjectList[e.detail.value].id
})
}
原文：https://www.cnblogs.com/yangqing22/p/14065682.html