想要达成在所填的事件中随机抽取一个的效果
我的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,
})
},
}
})
那么请问怎样实现抽取的功能呢?并且将结果输出在界面中
首先获取lists数组长度length,然后生成0-length的随机值random(random=Math.floor(Math.random()*((length-1)+1))),然后lists[random]就是抽取的随机值,输入到页面即可