小程序 picker下拉菜单实现

展示样式

页面代码
wxml：

js:

data: {
		batchArr: [{ID: 1, ACTIVITYBATCH: "嗨购节" }, {ID: 2, ACTIVITYBATCH:"双十一"}],//波次数据源
    	batchIndex: "",//波次索引
}
 //修改波次
  changeBatch: function (e) {
    this.setData({
      batchIndex: e.detail.value
    })
  },

页面 {{batchArr[batchIndex].ACTIVITYBATCH}} 根据batchIndex索引显示名称，picker的value为当前选择的索引，获取所选数据的id时根据索引从数组batchArr中获取id.