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连接access数据库的方法
Nov 17 Javascript
JavaScript中常见陷阱小结
Apr 27 Javascript
jquery实现对联广告的方法
Feb 05 Javascript
JS返回iframe中frameBorder属性值的方法
Apr 01 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
node.js学习之事件模块Events的使用示例
Sep 28 Javascript
vue如何引入sass全局变量
Jun 28 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
vue登录注册实例详解
Sep 14 Javascript
通过javascript实现扫雷游戏代码实例
Feb 09 Javascript
多页vue应用的单页面打包方法(内含打包模式的应用)
Jun 11 Javascript
JavaScript实现网页下拉菜单效果
Nov 20 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 和 MySQL 开发的 8 个技巧
2006/10/09 PHP
PHP下几种删除目录的方法总结
2007/08/19 PHP
php 调试利器debug_print_backtrace()
2012/07/23 PHP
PHP单链表的实现代码
2016/07/05 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
JavaScript基本对象
2007/01/11 Javascript
syntaxhighlighter 使用方法
2007/07/02 Javascript
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
js获取php变量的实现代码
2013/08/10 Javascript
Javascript实现颜色rgb与16进制转换的方法
2015/04/18 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
2015/11/15 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
Jquery实现跨域异步上传文件总结
2017/02/03 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
2018/01/08 Javascript
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
NodeJs入门教程之定时器和队列
2019/03/08 NodeJs
python设置检查点简单实现代码
2014/07/01 Python
python中的__slots__使用示例
2015/02/26 Python
Python过滤列表用法实例分析
2016/04/29 Python
Python机器学习之决策树算法实例详解
2017/12/06 Python
对pandas将dataframe中某列按照条件赋值的实例讲解
2018/11/29 Python
python utc datetime转换为时间戳的方法
2019/01/15 Python
python实现微信小程序用户登录、模板推送
2019/08/28 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
Python模块zipfile原理及使用方法详解
2020/08/04 Python
html table呈现个人简历以及单元格宽度失效的问题解决
2021/01/22 HTML / CSS
美国50岁以上单身人士约会平台:SilverSingles
2018/06/29 全球购物
Ibatis中如何提高SQL Map的性能
2013/05/11 面试题
毕业生找工作推荐信
2013/11/21 职场文书
大学新生欢迎词
2014/01/10 职场文书
《掌声》教学反思
2014/02/23 职场文书
增员口号大全
2014/06/18 职场文书
2015元旦节寄语
2014/12/08 职场文书
2014个人年度工作总结范文
2014/12/24 职场文书