jQuery.Sumoselect插件如何實現(xiàn)下拉復(fù)選框效果-創(chuàng)新互聯(lián)

這篇文章主要介紹了jQuery.Sumoselect插件如何實現(xiàn)下拉復(fù)選框效果，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

為海南州等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及海南州網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、海南州網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

簡單介紹

jquery.sumoselect是一款跨設(shè)備、跨瀏覽器的jQuery下拉列表框插件。該jQuery下拉列表框插件可以單選，也可以多選。它的樣式可以通過CSS文件來自定義。它的大特點是可以跨設(shè)備使用，所有設(shè)備上功能都是一致的。

該jQuery下拉列表框插件的特點有：

• 可以進行單選，也可以進行多選。

• 可以通過CSS文件來自定義樣式。

• 支持絕大多數(shù)的設(shè)備。

• 根據(jù)設(shè)備智能渲染。

• 在Android、IOS、Windows和其它設(shè)備上會自動渲染出該設(shè)備原生樣式的下拉列表框。

• 可以自定義提交數(shù)據(jù)的格式（多選可以通過 csv 或默認(rèn)形式來提交）。

• 支持Selected、Disabled和占位文本。

• 易擴展，開發(fā)者可以很容易的創(chuàng)建新的組件。

• 使用基本方法間隙管理如添加選項、刪除選項、禁用、選擇等。

該jQuery下拉列表框插件需要使用jQuery 1.8.3+版本，建議使用最新版本的jQuery。

1、官方網(wǎng)站：

https://hemantnegi.github.io/jquery.sumoselect/  說明介紹網(wǎng)址
https://hemantnegi.github.io/jquery.sumoselect/sumoselect_demo.html   demo網(wǎng)址

2、實現(xiàn)效果

3、代碼demo

首先引入js與css文件

然后在html里面添加select標(biāo)簽：

最后在js代碼中添加代碼：

$('.SlectBox').SumoSelect({ 
  csvDispCount: 3, 
  captionFormat: '已選擇：{0}(個)', 
  selectAll:true, 
  captionFormatAllSelected: "全選", 
  okCancelInMulti: true, 
  locale : ['確定', '取消', ''] 
 });

注意：官網(wǎng)中有許多的屬性，同時還能在select下拉框中綁定許多的事件：

當(dāng)我們想要下拉框二級聯(lián)動的時候，通過下面的事件，刷新select標(biāo)簽中的內(nèi)容實現(xiàn)下拉框的二級聯(lián)動。

//重新加載select標(biāo)簽中的數(shù)據(jù) 
$('#SlectBox')[0].sumo.reload();

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“jQuery.Sumoselect插件如何實現(xiàn)下拉復(fù)選框效果”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司，關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁題目：jQuery.Sumoselect插件如何實現(xiàn)下拉復(fù)選框效果-創(chuàng)新互聯(lián)
網(wǎng)頁URL：http://m.jiaotiyi.com/article/ppded.html