45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网络编程 > javascript >

下拉多选框的使用方法(jQuery UI MultiSelect Widget)

电脑软硬件应用网 45IT.COM 时间:2013-10-19 15:40 作者:佚名

效果图

 

 一、基本属性

1.全选和全不选,如效果图中第3部分

 

checkAllText     默认值:check all    

   

uncheckAllText      默认值:uncheck all

$("select").multiselect({

 checkAllText: "全选",

 uncheckAllText:"全不"

 });

2.选中项的提示信息,如图中第2部分

 selectedText  默认:# selected

 $("select").multiselect({
   selectedText: 选中【#】项 ,总共【 #】项"
});

3.被选中的value值,如图第1部分显示的内容

$("select").find("option:selected").text();

4.被选中的项对应的key值,返回数据格式如下:

1,2,3,6,7

var keys = $("#depart").val();

二、基本事件

beforeopen  当下拉框被打开前的事件
open 
beforeclose  下拉框被关闭前的事件
close 
checkall  全选后的事件
uncheckall  全不选的事件 
click 当选中一个时的点击事件

三、主要的方法

refresh  刷新控件
checkAll  Check all checkboxes.
uncheckAll  Uncheck all checkboxes.
getChecked  Returns an array of all the checked checkboxes. 

顶一下
(3)
37.5%
踩一下
(5)
62.5%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识