微信小程序的随机事件抽取

Question

想要达成在所填的事件中随机抽取一个的效果
我的wxml写法是这样：

<block wx:for="{{lists}}" wx:key="index" >
    <view class="center">
        <input data-index="{{index+1}}" placeholder="填写事件" bindinput='bindKeyInput' placeholder-class="placeholderStyle" ></input>
    </view>
    <text>\n</text>
</block>
<view class=" between">
    <button class='jia' bindtap='add' size="mini">添加选项</button>
    <button class='jian' bindtap='del' size="mini">删除选项</button>
</view>
<text>\n</text>

<button bindtap="chou">获取随机事件</button>

js写了以下部分

Page({
  data: {
    lists: [{}, {}],
    index:1,
  },
  onLoad: function (options) {
  },
  add: function () {
    var lists = this.data.lists;
    var newData = {};
    lists.push(newData);
    this.setData({
      lists: lists,
    })
  },
  del: function () {
    var lists = this.data.lists;
    lists.pop(); 
    this.setData({
      lists: lists,
    })
  },


  }
})

那么请问怎样实现抽取的功能呢？并且将结果输出在界面中

Answer 1

首先获取lists数组长度length，然后生成0-length的随机值random（random=Math.floor(Math.random()*((length-1)+1))）,然后lists[random]就是抽取的随机值，输入到页面即可