share_activity/pages/groupmeallist/test/test.js

Page({
  menu:function(e){
     var itemId = e.currentTarget.id
     var data = this.data.menus
     var i =data[itemId].id
     //遍历data。menus数组，如果不等于现在点击的数，则把下拉菜单收起来
     for(var j=0;j<data.length;j++){
       if(i !== j){
         data[j].hiddens = true
         this.setData({
           menus: data
         })
       }
     }
    //  点击显示隐藏
     if (itemId == i){
       data[i].hiddens = !data[i].hiddens
        this.setData({
          menus:data
        })
      }
   },
  //  点击更换列表值
   txt:function(e){
     var data= this.data.menus
    //  获取到点击的列表下标，因为是在下拉的父元素点击，所以获取到menus下标
     var index= e.currentTarget.dataset.index
    //  获取到点击的值，赋值给默认值（e.target为e的属性值，在标签内赋值
     data[index].defaults = e.target.dataset.txt
     //，收起菜单
     data[index].hiddens = !data[index].hiddens
    //  刷新menus的值
     this.setData({
       menus: data
     })
   },
  data: {
    
   menus:[
     { 
       id:0,
       hiddens: true,
       title:"退款类型",
       defaults:"我要退货退款",
       txt:[
         {lis:"我要退货退款"},
         {lis:"我要退款"},
         {lis:"我要退货"}
         ]
    },
     {
       id: 1,
       hiddens: true,
       title: "收货状态",
       defaults: "已收货",
       txt: [
         { lis: "已收货" },
         { lis: "未收货" }
       ]
     },
     {
       id: 2,
       hiddens: true,
       title: "退款原因",
       defaults: "多拍，错拍，不想要",
       txt: [
         { lis: "多拍，错拍，不想要" },
         { lis: "地址不正确" },
         { lis: "商品有问题" }
       ]
     }]
  },
})