html下拉式列表框多选,基于jQuery UI的多项选择下拉列表框组件

jquery.multiselect.js是一款基于jQuery UI的多项选择下拉列表框组件。该下拉列表功能强大，可以实现多选和单选，可制作打开和关闭下拉框时的炫酷动画效果，提供丰富的回调函数和其它方法。

使用方法

使用该多选下拉列表框插件需要在页面中引入jQuery UI相关文件，jQuery以及插件本身需要的jquery.multiselect.css和jquery.multiselect.js文件。

HTML结构

该下拉列表框的HTML结构为标准的下拉列表框结构，同时需要为它添加multiple属性。

Option 1

Option 2

Option 3

Option 4

Option 5

初始化插件

在页面DOM元素加载完毕之后，可以通过multiselect()方法来初始化该下拉列表框插件。

$(document).ready(function(){

$("#example").multiselect();

});

配置参数

可以在初始化插件的时候以对象的方式传入需要的参数：

$("select").multiselect({

header: "请选择一个选项！"

});

参数

默认值

描述

header

true

是否显示下拉列表框的头部，如果传入的是一个字符串，默认的"check all", "uncheck all" 和 "close"超链接将被字符串替换