select2的多选下拉框上传

摘要:
1.添加multiple:true,属性实现多选下拉框的样式。2.下拉框的选定值是数组类型。提交表单时,不要提交原始下拉框的标签,而是将多选值保存在页面上的隐藏标签中。提交隐藏标签时,获取所选下拉框的所有值,并对这些值进行迭代。这些值以(value逗号)的形式存储在变量中,遍历后删除最后一个逗号。初始化页面时,最终格式类似于1和7。

1.加入multiple: true,属性实现多选下拉框样式

2.下拉框选择后的值是数组类型不要经过数据处理才能进行表单提交

提交的时候原下拉框所在的标签不提交,而是将多选后的值存入页面中的一个隐藏标签中,将这个隐藏标签进行提交

select2的多选下拉框上传第1张

 select2的多选下拉框上传第2张

提交时获取选中的下拉框的所有的值,并遍历这些值,将这些值分别以(值 逗号)的形式存入一个变量中,并在遍历完成后去掉最后一个逗号, 最终的格式类似  1,4,6,7 这样

 页面初始化时,假如值传入,就将数据处理成数组并通过&(“#aa”).val(arr).trigger('change')绑定进多选下拉框中

select2的多选下拉框上传第3张

免责声明:文章转载自《select2的多选下拉框上传》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇用OGRE1.74搭建游戏框架(三)加入人物控制和场景导入Excel——解析Excel——优化下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jdk 8 的内存参数修改

jdk内存实际是jvm内存,jvm有一个运行时数据区,其实就是对这一部分的大小分配。运行时数据区通常包括这几个部分:程序计数器(Program Counter Register)、Java栈(VM Stack)、本地方法栈(Native Method Stack)、方法区(Method Area)、堆(Heap) Xss:每个线程的stack大小(栈)Xm...

jdk1.8 对数组及arrays类对数组的操作与增强

数组的初始化有两种方式 静态初始化: 初始化时由程序员显示置顶每个数组的初始值,由系统决定数组长度。如: int[] a1 = new int[] {1,2,3,4}; 动态初始化:初始化时由程序员只指定数组长度,由系统为数组元素分配初始值。如: int[] a = new int[5];   写一个类测试一下 package chenlizhi;...

Qt ------- QMap和QHash的区别

基本概念: QMap提供了一个从类项为key的键到类项为T的直的映射,通常所存储的数据类型是一个键对应一个值,并且按照Key的次序存储数据。同时这个类也支持一键多值的情况,用类QMultiMap可以实现。 QHash具有和QMap几乎完全一样的APi,此类维护这一张哈希表,表的大小和数据项是自适应的,QHash是以任意的顺序住址他的数据,当然了他也是可以支...

关于JavaScript的数组随机排序

昨天了解了一下Fisher–Yates shuffle费雪耶兹随机置乱算法,现在再来看看下面这个曾经网上常见的一个写法: functionshuffle(arr) { arr.sort(function() { return Math.random() - 0.5; }); } 或者使用更简洁的 ES6 的写法: funct...

转:Oracle11g面向开发人员的重要新特性:Pivot 和 Unpivot

  Pivot 和 Unpivot使用简单的 SQL 以电子表格类型的交叉表报表显示任何关系表中的信息,并将交叉表中的所有数据存储到关系表中。Pivot如您所知,关系表是表格化的,即,它们以列-值对的形式出现。假设一个表名为 CUSTOMERS。 SQL> desc customersName                           ...

Openjudge1.11.1 查找最接近的元素

【描述】    在一个非降序列中,查找与给定值最接近的元素。【输入】    第一行包含一个整数n,为非降序列长度。1 <= n <= 100000。    第二行包含n个整数,为非降序列各元素。所有元素的大小均在0-1,000,000,000之间。    第三行包含一个整数m,为要询问的给定值个数。1 <= m <= 10000。 ...