1，多選效果
您最多只能設置幾個。
2、圖形組合的效果
3.遠程搜索功能（即當用戶輸入搜索內容時，動態地轉到後臺獲取數據）
在輸入內容之前
輸入空格以搜索所有內容。
將滾動條滑動到底部以自動加載剩余項目。
輸入文本的動態背景過濾
更高級的用法，例如:
代碼示例如下:
1，多選效果
select2的多選非常簡單，只需設置壹個屬性即可。
& lt劇本？src =“~/Scripts/jquery-1.10.2 . js“& gt；& lt/script & gt；
& lt劇本？src =“~/Content/bootstrap/js/bootstrap . js“& gt；& lt/script & gt；
& lt鏈接？href =“~/Content/bootstrap/CSS/bootstrap . CSS“？rel =“style sheet“？/& gt；？
& lt劇本？src =“~/Content/select 2-master/dist/js/select 2 . js“& gt；& lt/script & gt；
& lt鏈接？href =“~/Content/select 2-master/dist/CSS/select 2 . CSS“？rel =“style sheet“？/& gt；& lt選擇？id =“sel _ menu 2“？multiple=“多個”？class =“form-control“& gt。
& ltoptgroup？Label=“系統設置“》
& lt選擇權？value =“1“& gt；用戶管理
& lt選擇權？value =“2“& gt；角色管理
& lt選擇權？value =“3“& gt；部門管理
& lt選擇權？value =“4“& gt；菜單管理
& lt/opt group & gt；
& ltoptgroup？Label=“訂單管理“》
& lt選擇權？value =“5“& gt；訂單查詢
& lt選擇權？value =“6“& gt；訂單導入
& lt選擇權？value =“7“& gt；訂單刪除
& lt選擇權？value =“8“& gt；訂單取消
& lt/opt group & gt；
& ltoptgroup？Label=“基礎數據“》
& lt選擇權？value =“9“& gt；基礎數據維護
& lt/opt group & gt；
& lt/select & gt；？//多重選擇
$（“# sel _ menu 2“）select 2 （{
標簽:？沒錯，
maximumSelectionLength:？3//可選擇的最大數量}）；2、圖形組合的效果
& lt選擇？id =“sel _ menu“？class =“js-example-templating？js-states？表單控件“》；
& ltoptgroup？Label=“系統設置“》
& lt選擇權？value =“1“& gt；用戶管理
& lt選擇權？value =“2“& gt；角色管理
& lt選擇權？value =“3“& gt；部門管理
& lt選擇權？value =“4“& gt；菜單管理
& lt/opt group & gt；
& ltoptgroup？Label=“訂單管理“》
& lt選擇權？value =“5“& gt；訂單查詢
& lt選擇權？value =“6“& gt；訂單導入
& lt選擇權？value =“7“& gt；訂單刪除
& lt選擇權？value =“8“& gt；訂單取消
& lt/opt group & gt；
& ltoptgroup？Label=“基礎數據“》
& lt選擇權？value =“9“& gt；基礎數據維護
& lt/opt group & gt；
& lt/select & gt；$（函數？()?{
//帶圖片
$（“# sel _ menu“）選擇2 （{
模板結果:？格式化狀態，
模板選擇:？格式化狀態
});
});
功能？formatState（州）？{
如果？(!state.id）？{?回歸？state.text？}
var？$state？=?$(
& ltspan>。& ltimg？src =“/content/images/‘？+?state . element . value . tolowercase（）？+?'。ico“？class =“img-flag“？/& gt；？？+?state.text？+?'& lt/span>。'
);
回歸？$ state};3.遠程搜索功能（即當用戶輸入搜索內容時，動態地轉到後臺獲取數據）
& lt選擇？id =“sel _ menu 3“？class =“js-data-example-Ajax？表單控件“》；
& lt選擇權？value =“3620194“？selected =“selected“& gt；請選擇
& lt/select & gt；$（函數？()?{//遠程過濾
$（“# sel _ menu 3“）選擇2 （{
阿賈克斯:？{
網址:？“/Home/get vincents“，
數據類型:？json，
延遲:？250,
數據:？功能？（參數）？{
回歸？{
問:？params.term，//?搜索？termpage:？params.page
};
},
過程結果:？功能？（數據，？params）？{
params.page？=?params.page？||?1;
回歸？{
結果:？數據項，
分頁:？{
更多:？（params.page？*?10)?& lt？數據。總計_計數
}
};
},
緩存:？真實的
},
escapeMarkup:？功能？（加價）？{?回歸？加價；？},?//?讓？我們的？習俗？格式化程序？工作
minimumInputLength:？1,
模板結果:？格式報告省？//?省略？為了什麽？簡潔？看到了嗎？那個？來源？的？這個？頁，面，張，版
模板選擇:？格式報告省？//?省略？為了什麽？簡潔？看到了嗎？那個？來源？的？這個？page }）；
});功能？格式報告省（報告）？{
如果？（回購加載）？回歸？repo.text
var？加價？=?“& ltdiv & gt”+repo . name+“& lt；/div & gt；”；
回歸？加價；
}這裏需要註意的壹點是，processResults屬性對應的方法有壹個more屬性，用於是否在pages中顯示，此處的值應該與您需要壹次顯示的值的數量相匹配。
後臺對應的方法如下:？
公共的？列表& lt字符串& gt？伊斯特省？=?新的？列表& lt字符串& gt()?{“北京”、“天津”、“重慶”、“上海”、“河北”、“山西”、“遼寧”、“吉林”、“黑龍江”、“江蘇”、“浙江”、“安徽”、“福建”和“江西”。“甘肅省”、“青海省”、“臺灣省省”、“內蒙古自治區”、“廣西壯族自治區”、“西藏自治區”、“寧夏回族自治區”、“新疆維吾爾自治區”、“香港特別行政區”和“澳門特別行政區”？};
公共的？JsonResult？get vincents（string？q，？弦樂？頁面)
{
var？伊斯特雷斯？=?新的？列表& lt省份& gt();
為了什麽？（var？我？=?0;？我？& lt？30;？i++)
{
var？oProvince？=?新的？省份（）；
oProvince.id？=?我；
o省。名？=?lst province【I】；
伊斯特雷斯。添加（opro Vince）；
}
如果？(!字符串。IsNullOrEmpty（q . Trim（）））
{
伊斯特雷斯？=?伊斯特雷斯。其中（x？= & gt？x . name . contains（q）。to list（）；}
var？lstCurPageRes？=?字符串。IsNullOrEmpty（第頁）？伊斯特雷斯。取（10）？:?伊斯特雷斯。跳過（轉換。ToInt32（第頁）？*?10?-?10).取（10）；
回歸？Json（新？{?物品？=?lstCurPageRes？總計數？=?伊斯特雷斯。數數？},?JsonRequestBehavior。allow get）；}