multiselect选中_JS组件系列——两种bootstrap multiselect组件大比拼

前言：今天继续来看看bootstrap的另一个组件：multiselect。记得在项目开始之前，博主项目组几个同事就使用哪些js组件展开过讨论，其中就说到了select组件，由于项目的整体风格使用的bootstrap风格，所以在选用select组件的时候优先考虑和bootstrap结合使用的。其中就找到了两个这种组件，大体样式和功能基本相同，经过一番讨论，项目组决定使用davidstutz的bootstrap-multiselect 组件，今天就来看看这两个组件的用法。

一、组件说明以及API

1、第一个组件是写bootstrap table的主人公wenzhixin封装的一个组件——multiple-select。这个组件风格简单、文档全、功能强大。但是觉得它选中的效果不太好。关于它的效果展示，我们放在后面。还是给出对应的文档API。

2、第二个组件也是在github上面找的——bootstrap-multiselect。这个组件风格和第一个非常相似，文档也挺全面。

二、Multiple-select组件

1、组件说明

这个组件需要的浏览器支持如下：

IE 7+

Chrome 8+

Firefox 10+

Safari 3+

Opera 10.6+

还好，一般主流的浏览器都能够支持。

2、效果预览

(1)原始的MultiSelect

(2)初始化的Multiple Select