博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery多选列表框插件Multiselect
阅读量:4676 次
发布时间:2019-06-09

本文共 609 字,大约阅读时间需要 2 分钟。

效果如下图:

在官网下载所需的js,css等相关文件

然后引入以下文件:

  

Html:

如果默认已经有选择的项,则看将option的属性selected设置为"selected"。

最后应用multiselect插件:

$(function(){    $("#liOption").multiselect2side({         selectedPosition: 'right',         moveOptions: false,         labelsx: '待选区',         labeldx: '已选区'    }); });

multiselect提供了一些属性的设置,selectedPosition:选择项的位置,默认为right,即最终获取选择的值是右边的列表框。

moveOptions:移动选项,可以用来给选项排序,实际应用意义不大,这里设置为false。

labelsx和labeldx是用来设置左右 两个列表框的标题,如果不需要可设置为空。

maxSelected:最大选项数,即最多只能选择几项。

转载于:https://www.cnblogs.com/pfs1314/archive/2011/11/30/2269414.html

你可能感兴趣的文章
gcc malloc/free的质疑
查看>>
R 指定安装镜像的方法
查看>>
Unity shader实现水效果(折射,反射,波浪,1.菲尼尔,深度颜色)
查看>>
URAL1018 Binary Apple Tree
查看>>
Servlet注解
查看>>
今后几个月的IT读书计划
查看>>
蓝桥杯 传球游戏 动态规划
查看>>
apk反编译、smali修改、回编译笔记
查看>>
.Net程序员学习Linux最简单的方法(转载)
查看>>
基于.NET Socket API 通信的综合应用
查看>>
python 装饰器
查看>>
eclipse配置
查看>>
openGL 绘制文本font(csGL)
查看>>
BZOJ 1072 排列
查看>>
BZOJ 3779 LCT 线段树 DFS序 坑
查看>>
group by rollup | cube 学习
查看>>
上传图片的步骤
查看>>
hadoop-0.20.2完全分布式集群
查看>>
How to turn off the binary log for mysqld_multi instances?
查看>>
easyui弹出窗关闭前调用确认窗口,先关闭页面后调用弹出窗口
查看>>