這篇文章主要介紹“jQuery.Sumoselect插件怎么實現(xiàn)下拉復(fù)選框效果”，在日常操作中，相信很多人在jQuery.Sumoselect插件怎么實現(xiàn)下拉復(fù)選框效果問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”jQuery.Sumoselect插件怎么實現(xiàn)下拉復(fù)選框效果”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習吧！

站在用戶的角度思考問題，與客戶深入溝通，找到松山網(wǎng)站設(shè)計與松山網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：做網(wǎng)站、網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、空間域名、虛擬主機、企業(yè)郵箱。業(yè)務(wù)覆蓋松山地區(qū)。

簡單介紹

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2、實現(xiàn)效果

3、代碼demo

首先引入js與css文件

<link href="css/sumoselect.css" rel="external nofollow" rel="stylesheet"> 
<script src="vendor/jquery.sumoselect.js"></script>

然后在html里面添加select標簽：

<select multiple="multiple" placeholder="咨詢,建議" class="SlectBox" id="SlectBox" required ></select>

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

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

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

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

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

到此，關(guān)于“jQuery.Sumoselect插件怎么實現(xiàn)下拉復(fù)選框效果”的學(xué)習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習，快去試試吧！若想繼續(xù)學(xué)習更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

本文名稱：jQuery.Sumoselect插件怎么實現(xiàn)下拉復(fù)選框效果
文章鏈接：http://vcdvsql.cn/article22/ggpjcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、品牌網(wǎng)站建設(shè)、小程序開發(fā)、網(wǎng)站收錄、用戶體驗、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)