码迷,mamicode.com
首页 > 其他好文 > 详细

layui select多选下拉显示 以及回显

时间:2019-07-12 13:04:43      阅读:1986      评论:0      收藏:0      [点我收藏+]

标签:color   --   html   lse   下拉   sele   NPU   data   put   

<div class="layui-form-item layui-form-text" >
		    <label class="layui-form-label"><span style="color:red;">*        
                    </span>多选</label>
		    <div class="layui-form" style="margin-left:130px;">
				<select name="sheshi" xm-select="selectId" id="sheshi">
				     <option value="">--请选择--</option> 
				</select>
		    </div>
</div>        
<input type="hidden" id="hiddensheshi" name="hiddensheshi" value="${sysEntertainment.sheshi}">

  

var diclistsheshi = ${diclistsheshi}; //后台用model存的List<Map<String,String>>
        if(diclistsheshi != "" && diclistsheshi != null ){
                //在下拉框显示选项
                var arr = [];
                var lis = $("#hiddensheshi").val(); 
                for(var i = 0;i<diclistsheshi.length;i++){
                    var arrStr = {name:diclistsheshi[i].dicname,value:diclistsheshi[i].dicnum};
                    arr.push(arrStr);
                }
                formSelects.data(‘selectId‘, ‘local‘, {
                    arr: arr
                });
                //渲染之前选中的(业务编辑功能用的到)
                //取出之前已经选中的编码 1101,1103,1105,1107
                var lis = $("#hiddensheshi").val(); 
                var lisarr = lis.split(",");
                 formSelects.value(‘selectId‘,lisarr,true);
        }else{
            hint("获得酒店设施失败", true);
        }

 

layui select多选下拉显示 以及回显

标签:color   --   html   lse   下拉   sele   NPU   data   put   

原文地址:https://www.cnblogs.com/gjths/p/11175272.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!