weui的下拉框的赋值与取值

weui相关问题

页面代码:

<div id="search_box" class="input_center_box">
         		<div id="search_xq" class="input_center_box">
            		<div id="all_sflb" class="dly_select"  data-action=""></div>
        		</div>
 		</div>

 

样式:

.dly_select{
    width:calc(80% - 0.5% );
    height:2rem;
    border:1px solid #1AAD19;
    margin:0.65rem auto;
    padding-left:10px;
    box-sizing:border-box;
    font-size:0.8rem;
    border-radius:5px;
    color:#666;
    line-height:2rem;
}

.dly_select{
    background: transparent;
    background: url(${pageContext.request.contextPath}/resources/hit/images/app/kscx/icon_xiala.png) no-repeat;
    background-position: 95% center;
    background-size:0.8rem 0.5rem;
    line-height:2rem;
    color:#666;
}

给下拉框赋值的方法:

 

//weui的身份类别下拉框赋值

$.ajax({
    url  : "${pageContext.request.contextPath}/fwdt/dengluye/listSflb",
    type : "GET",
    contentType : "application/json",
    success: function(result){
        result = JSON.parse(result).module;
//         console.log(result)
        var v_arry = [];
        var arryszqx = [];
        arryszqx.push(result[0].lbdm);
        $("#all_sflb").text(result[0].lbmc);
        $("#all_sflb").attr("data-action",result[0].lbdm);
        for(var i=0;i<result.length;i++){
            var v_data = {
                label : result[i].lbmc,
                value : result[i].lbdm
            }
            v_arry.push(v_data);
            $("#search_xq").click(function(){
                weui.picker(v_arry, {
                    defaultValue: arryszqx,
                    onChange: function (result) {
                        $("#all_sflb").text(result[0].label);
                        $("#all_sflb").attr("data-action",result[0].value);
                    },
                    onConfirm: function (result) {
                        $("#all_sflb").text(result[0].label);
                        $("#all_sflb").attr("data-action",result[0].value);
                    },
                    id: 'search_xqpicker'

                });
            });
        }
    },
});

取出weui下拉列表的值的方法:

//获取下拉列表中的身份类别的id

var lbdm = $("#all_sflb").attr("data-action");

 

页面:

 

大家如果有喜欢一起讨论技术或者思维方面问题的可以加我的微信 a1024271896 ,我是夏天,和大家一起探索未来的旅途。

 

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值