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

<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);
        }

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

时间: 2024-10-28 11:25:22

layui select多选下拉显示 以及回显的相关文章

兼容ie8的多选下拉选择框

说下写这个东东的原因:最近要写一个兼容ie8的项目,我一出来工作就是数据驱动的框架了.所以对不支持vue的ie8.真的是脑壳疼. 最后考察了一番,决定使用 layui这个官网宣城兼容人类正在使用的全部浏览器(IE6/7除外)的Ui 刚开始用着,好像也是挺香的,相对于其他兼容ie8的ui,各方面都好很多. 慢慢的,蛋疼的时候来了,就是layui的多选下拉对ie8不支持. 接着,就开始百度各种多选下拉插件(还是懒啊,啥都想用现成的),耗费大量精力测试修改,都不尽人意,好多都是标题单,宣称支持ie8,

多选下拉.并且把选中的值.显示在文本框中.

1.效果 2.引用的对应的js. <script src="~/Scripts/js/formSelects-v4.min.js"></script> 3.HTML部分 <div class="layui-input-block xc-icon">     <select name="sheng" id="idUserHao_Province" xm-select="user

页面多选下拉框 jquery.multiple.select

1.首先引用jquery.multiple.select.js.multiple-select.css 2.在页面select下拉列表里面加一个multiple="multiple" <select name="nimbusHost" id="nimbusHost" multiple="multiple"> <c:forEach items="${stormIps}" var="

自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选&amp;多选下拉框

先说点闲话,熟悉Angular的猿们会喜欢这个插件的. 00.本末倒置 不得不承认我是一个喜欢本末倒置的人,学生时代就喜欢先把晚交的作业先做,留着马上就要交的作业不做,然后慢悠悠做完不重要的作业,卧槽,XX作业马上要交了,赶紧补补补.如今做这个项目,因为没找到合适的多选下拉Web插件,又不想用html自带的丑陋的<select multiple></select>,自己花了一整天时间做了一个.或许这样占用的主要功能开发的时间,开发起来会更有紧迫感吧.感觉自己是个抖M自虐倾向,并且伴

[Ext JS 4] 实战之多选下拉单 (带checkbox) 续 - 带ALL 选项

前言 在 [Ext JS 4] 实战之多选下拉单 (带checkbox) 这一篇中有介绍如何开发带有checkbox 的多选菜单. 但是实际项目开发过程中, 用户的需求也是不断精进的. 使用淘宝或是其他网站购物车功能的用户对全选就特别习惯, 所以他们也希望在下拉单中也能有  "ALL" 这样的选项. 但是Extjs 本身提供的多选下拉单,功能比较有限. 之前有扩充过带 checkbox, 现在又要多扩充一个 "ALL" 选项了. 要求是: 1. 选中"AL

Html 多选下拉框

1.css文件 span.dropList {display:inline-block; height:20px;border:1px solid #ccc;  cursor:pointer; background:url(../images/xj.png) #fff no-repeat center right; font-size:12px; line-height:20px;padding-right:10px; position:relative;} span.dropList .Che

jqgrid 表格中筛选条件的多选下拉,树形下拉 ;文本框清除插件;高级查询多条件动态筛选插件

/** * @@desc 文本框清除按钮,如果isAutoWrap为false当前文本框父级必须是relative定位,boostrap参考input-group * @@author bear.LEE <571115139#qq.com> * @@since 2018-08-21 **/ ; (function ($) { $.fn.extend({ addClearBtn: function (options, $o) { var deft = { symbolClass: "f

自定义SWT控件二之自定义多选下拉框

2.自定义下拉多选框 package com.view.control.select; import java.util.ArrayList; import java.util.HashMap; import java.util.LinkedHashMap; import java.util.List; import java.util.Map; import org.eclipse.swt.SWT; import org.eclipse.swt.custom.CLabel; import or

query多选下拉框插件 jquery-multiselect(修改)

其实网上关于该控件的使用教程已经很多了,其中 query多选下拉框插件 jquery-multiselect Jquery多选下拉列表插件jquery multiselect功能介绍及使用 这2个的介绍已经比较详细了,尤其是第二个有扩展MyValues函数,只是扩展有些bug,这里我在提出一些我的扩展,我们应该把multiValues属性定义在options里面,让每个multiselect控件都有自己的multiValues属性.我这里还需要一个获取text的方法.有关Myvalues和Myt