小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我做了一个多列选择器如图 ：
苹果可以选红的、绿的。香蕉可以选黄的、青的。这样会有4个选项。
我想把这4个选项分别对应四个值.比如 红苹果=1.1、绿苹果=1.2、黄香蕉=2.1、青香蕉=2.2，在用选出来的值和一个input窗口输入的数字进行乘法运算。
然后点一个button显示出来。请问有没有哥哥帮忙说一下思路。要怎么写呢 谢谢大神~~~~下面是我写的多列选择器的代码
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我就说这问题怎么似曾相识。。。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
data: {
multiArray: [
["苹果", "香蕉"],
["红的", "绿的"]
],
multiIndex: [0, 0]
},
bindMultiPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
multiIndex: e.detail.value
})
bindMultiPickerColumnChange: function (e) { //列改变时触发
var data = {
multiArray: this.data.multiArray,
multiIndex: this.data.multiIndex
};
data.multiIndex[e.detail.column] = e.detail.value;
switch (e.detail.column) {
case 0:
switch (data.multiIndex[0]){
data.multiArray[1] = ["红的", "绿的"];
break;
case 1:
data.multiArray[1] = ["青的", "黄的"];
}
data.multiIndex[1] = 0;
console.log(data.multiIndex);
this.setData(data);
wxml文件：
<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
当前选择:{{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}}
</picker>
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我就说这问题怎么似曾相识。。。
id: 0,
name:
},
里的name给选项赋值吗？
data: {
multiArray: [
["苹果", "香蕉"],
["红的", "绿的"]
],
multiIndex: [0, 0]
},
bindMultiPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
multiIndex: e.detail.value
})
},
bindMultiPickerColumnChange: function (e) { //列改变时触发
var data = {
multiArray: this.data.multiArray,
multiIndex: this.data.multiIndex
};
data.multiIndex[e.detail.column] = e.detail.value;
switch (e.detail.column) {
case 0:
switch (data.multiIndex[0]){
case 0:
data.multiArray[1] = ["红的", "绿的"];
break;
case 1:
data.multiArray[1] = ["青的", "黄的"];
break;
}
data.multiIndex[1] = 0;
}
console.log(data.multiIndex);
this.setData(data);
},
wxml文件：
<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
当前选择:{{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}}
</picker>