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

官方参文档:http://www.erichynds.com/blog/jquery-ui-multiselect-widget

效果图

下拉多选框的使用方法(jQuery UI MultiSelect Widget)_第1张图片

 

 一、基本属性

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. 

 

你可能感兴趣的:(下拉框,多选框,下拉多选框)