bootstrap multiselect下拉列表功能

bootstrap multiselect下拉列表功能

bootstrap-multiselect基于原生态的下拉列表添加更多的功能及更好的视觉效果！

1、源码地址

https://github.com/davidstutz/bootstrap-multiselect

2、效果展示

3、代码示例

引入的js和css

实现代码

3.1、多选站点

多选站点

未排产

已排产

已锁定

在制

订单提交

订单删除

订单报废

订单报废

订单报废

订单报废

订单报废

$(function () {

$('#sel_search_orderstatus').multiselect({

includeSelectAllOption: true});

});

3.2、禁止和默认选中

disabled Select

未排产

已排产

已锁定

在制

订单提交

订单删除

订单报废

$(function () {

$('#sel_search_orderstatus2').multiselect();

});

3.3、分组

分组

未排产

已排产

已锁定

在制

订单提交

订单删除

订单报废

$(function () {

$('#sel_search_orderstatus3').multiselect(

);

});

3.4、单选项

单选

<option value="1">Option 1

Option 2

Option 3

Option 4

Option 5

Option 6

$('#example-single').multiselect();

3.5、搜索

搜索

Cheese

Tomatoes

Mozzarella

Mushrooms

Pepperoni

Onions

$(function () {

$('#example-getting-started').multiselect({

includeSelectAllOption: true,

enableFiltering: true

});

});

默认无滚动条，请在bootstrap-multiselect.css中添加即可。

具体属性demo，源码解释的非常清楚，我就不列出来了。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。