微信小程序，下拉，可选择手动输入
js
data｛
options3: [],
exYsdmList:[],
reply:false
｝
/**
* 选择颜色状态
*/
exysdm() {
const that = this;
var exYsdmList= that.data.exYsdmList;
$wuxSelect('#exysdm').open({
value: this.data.value3,
options: this.data.options3,
onConfirm: (value, index, options) => {
console.log('颜色状态', value, index);
var orderEditData = that.data.orderEditData;
orderEditData.exysdm = value;
for(var index in exYsdmList){
if(exYsdmList[index].code==value){
if( exYsdmList[index].code!="手动输入"){
orderEditData.exYsdmName=exYsdmList[index].name;
}else{
orderEditData.exYsdmName="";
}
break;
}
}
if (index !== -1) {
that.setData({
value1: value,
displayValue3: options[index],
orderEditData: orderEditData
});
wx.setStorageSync("orderEditData", orderEditData);
}
if(index == (exYsdmList.length-1)){
that.setData({ reply: true })
}else{
that.setData({ reply: false })
}
},
})
},
onLoadExYsdm:function(){
const that = this;
var djno = this.data.djno;
console.log('djno工程号', djno);
wx.request({
url: app.myGlobal.httpUrl + 'getItemList.do',
header: {
"AppKeyCode": app.myGlobal.AppKeyCode
},
method: "GET",
data: {
type: 'exysdm',
djno: djno
},
success: function(res) {
var itemList = res.data.obj;
var options3 = that.data.options3;
for (var i = 0; i < itemList.length; i++) {
options3[i] = itemList[i].code; //对应下标
}
for(var i=0;i<options3.length;i++){
if(options3[i]!="手动输入"){
options3.push("手动输入");
itemList.push({code:"手动输入",name:"手动输入"});
break;
}
}
that.setData({
options3: options3,
exYsdmList:itemList
});
},
fail: function(res) {
console.error("颜色状态 fail! ");
},
complete: function(res) {
hasClick = false;
wx.hideLoading();
}
})
},
======================
wxml
<view class="weui-cells weui-cells_after-title">
<wux-cell title="型材颜色" style="width:60px;" is-link extra="{{ displayValue3 }}" bind:click="exysdm"></wux-cell>
</view>
<view class="weui-cells weui-cells_after-title {{reply?'on':'off'}}">
<view class="weui-cell weui-cell_input">
<view class="weui-cell__hd">
<view class="weui-label">手动输入</view>
</view>
<view class="weui-cell__bd">
<input class="weui-input" placeholder="输入完整颜色编码" placeholder-class='pcolor' value='{{orderEditData.exYsdm}}' bindblur="findColorTap"/>
</view>
</view>
</view>
=======================
css
.section{
font-size:28rpx;
margin-left: 50rpx;
margin-top: 30rpx;
}
.on{display: block}
.off{display: none}/**none**/
参考：
