微信小程序，下拉，可选择手动输入

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="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**/

参考：

https://blog.csdn.net/yelin042/article/details/79078068