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 相关文章推荐
用javascript实现的支持lrc歌词的播放器
May 17 Javascript
Riot.js 快速的JavaScript单元测试框架
Nov 09 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
Jun 28 Javascript
禁止IE用右键的JS代码
Dec 30 Javascript
jquery form 加载数据示例
Apr 21 Javascript
javascript函数中参数传递问题示例探讨
Jul 31 Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 Javascript
js简单实现标签云效果实例
Aug 06 Javascript
微信小程序 Page()函数详解
Oct 17 Javascript
JS实现网页抢购功能(触发,终止脚本)
Nov 27 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
Dec 20 Javascript
JavaScript实现区块链
Mar 14 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
php5.2以下版本无json_decode函数的解决方法
2014/05/25 PHP
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
Laravel框架中扩展函数、扩展自定义类的方法
2014/09/04 PHP
功能强大的PHP图片处理类(水印、透明度、旋转)
2015/10/21 PHP
PHP模块化安装教程
2016/06/01 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
CI框架简单分页类用法示例
2020/06/06 PHP
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
2015/03/14 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
jQuery实现checkbox全选的方法
2015/06/10 Javascript
实现高性能JavaScript之执行与加载
2016/01/30 Javascript
Augularjs-起步详解
2016/07/08 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
js 获取今天以及过去日期
2017/04/11 Javascript
微信小程序websocket实现聊天功能
2020/03/30 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
2018/07/24 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
vue 解决遍历对象显示的顺序不对问题
2019/11/07 Javascript
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
python判断一个集合是否包含了另外一个集合中所有项的方法
2015/06/30 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
2018/05/07 Python
GitHub 热门:Python 算法大全,Star 超过 2 万
2019/04/29 Python
python函数参数(必须参数、可变参数、关键字参数)
2019/08/16 Python
TensorFlow使用Graph的基本操作的实现
2020/04/22 Python
Python新建项目自动添加介绍和utf-8编码的方法
2020/12/26 Python
Super-Pharm波兰:药房和香水在一个地方
2020/08/18 全球购物
动物科学专业毕业生的自我评价
2013/11/29 职场文书
酒桌上的开场白
2015/06/01 职场文书
实践论读书笔记
2015/06/29 职场文书
2015年新农村建设指导员工作总结
2015/07/24 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
Redis集群节点通信过程/原理流程分析
2022/03/18 Redis
PostgreSQL基于pgrouting的路径规划处理方法
2022/04/18 PostgreSQL