bootstrap-select實現下拉框多選效果
在學習bootstrap實現下拉多選效果的時候,覺得該效果很好,所以拿來分享下,這裡就不詳細的描述了,直接附上程式碼給各位看看
操作方法
(01)最終實現的效果:
(02)HTML程式碼:<div class= "row" style="margin-top :10px;"><div class= "form-group col-xs-12"><label for= "sceneModel_title" class="col-sm-1 col-sm-offset-1 control-label" >分類: </label><div class= "col-sm-4"><select class= "form-control selectpicker" multiple><option> 請選擇</option ><option> 遊記</option ><option> 景點</option ><option> 東京</option ><option> 日本</option ><option> 香港</option ><option> 加拿大</option ></select></div><label for= "scene_title" class="col-sm-1 control-label" >主題遊: </label><div class= "col-sm-4"><select class= "form-control selectpicker" multiple><option> 請選擇</option ><option> 遊船</option ><option> 漂流避暑</option ><option> 博物館</option ><option> 影視基地</option ><option> 名勝古蹟</option ><option> 海島度假</option ></select></div><!-- <div class="col-sm-10"> --><%-- <form:checkboxes path="sceneTypeRelations" items="${sceneTypeMap}" /> --%><!-- </div> --></div></div>
(03)js程式碼:define(function(require, exports, module) {var $ = require( "jquery");require( "jquery-validation/1.11.1/" );require( "jquery-validation/1.11.1/messages_bs_" );require( "bootstrap/select/" )require( "bootstrap/select/" )$(document)y( function() jQuery( x27;ctpicker')ctpicker({liveSearch: true,size:8});});rts = $;});
-
手機微信公眾號上的視訊怎麼下載
如果移動裝置的天下,無論是網購,看新聞等等,都在手機上完成,那麼我們在手機版的微信公眾號上看到好的視訊,想下載,怎麼下呢操作方法(01)在微信公眾號上,點選分享,彈出的分享頁面中,我們選擇【傳送到我的電腦】(02)然後在電腦上登入QQ賬號,在【我的裝置】中開啟會話框(03)在我的...
-
HTTP 錯誤 500.22 - Internal Server Error圖解
網站管理員在配置IIS伺服器的時候會出血一系列的報錯無問題,今天給大家分享一個關於iis7HTTP錯誤500.22-InternalServerError的解決辦法操作方法(01)出現如圖錯誤“檢測到在整合的託管管道模式下不適用的ASP.NET設定”,那麼我們應該如何解決呢?繼續向下。(02)第一步,我...
-
Python中如何應用split
我們用python處理字串的時候經常會需要分割字串,這個時候我們會用到split。那麼你真的會用它嗎?下面小編來給大家分享一下split的使用以及注意事項操作方法(01)首先我們在python環境中先來建立一個字串,如下圖所示(02)然後我們呼叫split方法,已冒號作為分隔符,如...
-
linux怎麼解壓zip包
linux怎麼解壓zip包,在linux中,解壓ZIP壓縮包,是相對容易的,使用unzip命令即可操作方法(01)連線到linux遠端主機,並進入zip檔案所在目錄(02)使用LS命令列出目錄中檔案,確認zip檔案的全稱(03)使用unzip命令解壓zip壓縮包(04)inflating,看到該單詞,表明ZIP解壓縮成功了(05)如果不放...