jquery multiSelect 多选下拉框


Posted in Javascript onJuly 09, 2010

$("#id").multiSelect({ oneOrMoreSelected: '*',selectAll:false,noneSelected:'默认显示' });
Usage: $('#id').multiSelect( options, callback )
Options: selectAll - whether or not to display the Select All option; true/false, default = true
selectAllText - text to display for selecting/unselecting all options simultaneously
noneSelected - text to display when there are no selected items in the list
oneOrMoreSelected - text to display when there are one or more selected items in the list
(note: you can use % as a placeholder for the number of items selected).
Use * to show a comma separated list of all selected; default = '% selected'
optGroupSelectable - whether or not optgroups are selectable if you use them; true/false, default = false
listHeight - the max height of the droptdown options

// Update the textbox with the total number of selected items, and determine select all 
$("#id").updateSelected() 
// Update the dropdown options 
$("#id").multiSelectOptionsUpdate() 
// Hide the dropdown 
$("#id").multiSelectOptionsHide() 
// Show the dropdown 
$("#id").multiSelectOptionsShow() 
// get a coma-delimited list of selected values 
$("#id").selectedValuesString

使用javascript 设置多选框的默认选中项。
$("#id").attr("value","");//清空选中项。 
var ids='1,3,6';//设置选中框ID。 
var id_Ojbect=(ids).split(",");//分割为Ojbect数组。 
var count=$("#id option").length;//获取下拉框的长度。 
for(var c=0;c<id_Ojbect.length;c++){ 
for(var c_i=0;c_i<count;c_i++) 
{ 
if($("#id").get(0).options[c_i].text == id_Ojbect[c]) 
{ 
$("#id").get(0).options[c_i].selected = true;//设置为选中。 
} 
} 
}

代码打包下载
Javascript 相关文章推荐
jquery加载页面的方法(页面加载完成就执行)
Jun 21 Javascript
基于jquery ajax 用户无刷新登录方法详解
Apr 28 Javascript
js中通过父级进行查找定位元素
Jun 15 Javascript
jQuery中prevUntil()方法用法实例
Jan 08 Javascript
javascript白色简洁计算器
May 04 Javascript
javascript中不易分清的slice,splice和split三个函数
Mar 29 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
May 28 Javascript
js数字计算 误差问题的快速解决方法
Feb 28 Javascript
Angular2关于@angular/cli默认端口号配置的问题
Jul 15 Javascript
React Native react-navigation 导航使用详解
Dec 01 Javascript
vue实现打印功能的两种方法
Sep 07 Javascript
详解JavaScript函数callee、call、apply的区别
Mar 08 Javascript
IE8 chrome中table隔行换色解决办法
Jul 09 #Javascript
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 #Javascript
JSON.parse 解析字符串出错的解决方法
Jul 08 #Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
Jul 08 #Javascript
JQuery从头学起第三讲
Jul 06 #Javascript
一步一步制作jquery插件Tabs实现过程
Jul 06 #Javascript
jQuery基础知识filter()和find()实例说明
Jul 06 #Javascript
You might like
PHP下几种删除目录的方法总结
2007/08/19 PHP
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
在openSUSE42.1下编译安装PHP7 的方法
2015/12/24 PHP
php实现姓名根据首字母排序的类与方法(实例代码)
2018/05/16 PHP
总结一些js自定义的函数
2006/08/05 Javascript
许愿墙中用到的函数
2006/10/07 Javascript
JS中toFixed()方法引起的问题如何解决
2012/11/20 Javascript
js实现一个链接打开两个链接地址的方法
2015/05/12 Javascript
跟我学习javascript的全局变量
2015/11/16 Javascript
在web中js实现类似excel的表格控件
2016/09/01 Javascript
基于Nodejs利用socket.io实现多人聊天室
2017/02/22 NodeJs
Vue入门之animate过渡动画效果
2018/04/08 Javascript
详解angular如何调用HTML字符串的方法
2018/06/30 Javascript
在vue中更换字体,本地存储字体非引用在线字体库的方法
2018/09/28 Javascript
three.js实现圆柱体
2018/12/30 Javascript
JS数组方法reverse()用法实例分析
2020/01/18 Javascript
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
Python实现 多进程导入CSV数据到 MySQL
2017/02/26 Python
Python使用pyshp库读取shapefile信息的方法
2018/12/29 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
python如何通过闭包实现计算器的功能
2020/02/22 Python
python图形界面开发之wxPython树控件使用方法详解
2020/02/24 Python
pytorch cuda上tensor的定义 以及减少cpu的操作详解
2020/06/23 Python
python openssl模块安装及用法
2020/12/06 Python
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
施华洛世奇中国官网:SWAROVSKI中国
2020/06/16 全球购物
毕业生找工作的自我评价
2013/10/18 职场文书
军训鉴定表自我鉴定
2014/02/13 职场文书
公司捐款倡议书
2014/05/14 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
教室布置标语
2014/06/26 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
校长师德师风自我剖析材料
2014/09/29 职场文书
Goland使用Go Modules创建/管理项目的操作
2021/05/06 Golang
使用Pytorch训练two-head网络的操作
2021/05/28 Python
JavaScript前端面试扁平数据转tree与tree数据扁平化
2022/06/14 Javascript