bootstrap multiselect下拉列表功能

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

1、源码地址

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

2、效果展示

3、代码示例

引入的js和css

rush:js;">

实现代码

3.1、多选站点

rush:xhtml;"> 站点

删除

</select> 

rush:js;"> $(function () { $('#sel_search_orderstatus').multiselect({ includeselectAllOption: true}); });

3.2、禁止和默认选中

rush:xhtml;"> disabled Select

disabled="disabled">在制 disabled="disabled">订单提交 disabled="disabled" selected="selected">订单删除

rush:js;"> $(function () { $('#sel_search_orderstatus2').multiselect(); });

3.3、分组

rush:xhtml;">

disabled="disabled">在制 删除

rush:js;"> $(function () { $('#sel_search_orderstatus3').multiselect( ); });

3.4、单选项

rush:xhtml;">

rush:js;"> $('#example-single').multiselect();

3.5、搜索

rush:xhtml;"> 搜索

rush:js;"> $(function () { $('#example-getting-started').multiselect({ includeselectAllOption: true,enableFiltering: true }); });

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。