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