前言：在介紹select元件的時候，部落客之前分享過一篇JS元件系列——兩種bootstrap multiselect元件大比拼，這兩個元件的功能确實很強大，隻可惜沒有圖文結合的效果（也就是将圖檔放入到select裡面随着文字一起顯示）。前兩天做一個菜單圖示選擇的功能，就要用到這個圖文選擇的功能。于是乎又是找啊找。終于不負所望，找到了我們偉大的select2元件。今天分享下這個元件的一些用法和特性。
Select2使用示例位址：https://select2.github.io/examples.html
Select2參數文檔說明：https://select2.github.io/options.html
Select2源碼：https://github.com/select2/select2
一些通用的單選、多選、分組等功能這裡就不多做介紹了，multiselect這方面是強項。重點介紹下select2的一些特性效果：
可以設定最多隻能選幾個
輸入内容前
輸入空格搜尋出全部
滾動條滑動到底部自動加載剩餘項
輸入文本動态去背景過濾
更進階的用法如：
其實使用起來也不難，就是一個拼html的過程。
select2的多選很簡單，設定一個屬性就好了。
這裡有要注意的一個地方就是processResults屬性對應的方法有一個more屬性用于是否分頁顯示的，這裡的值要和你需要一次顯示的值的條數比對。
背景對應的方法如下：
2016年1月10日補充
上面說了這麼多，那麼我們在選中select2的選項之後如何取值和指派呢？
1、擷取選中的值
2、設定select2的選中值