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 = $;});
-
windows 計劃任務未啟動
設置好的計劃任務未能按時啟動。操作方法(01)1.設置計劃任務,指定啟動時間。過了時間計劃任務腳本為啟動運行。(02)第一種方法:在計劃任務上右鍵,“屬性”-“常規”選項中勾選“僅在登錄後啟用”(03)第二種方法1、Ctrl+R鍵,運行2、選擇計算機配置---Windows設置---安全設...
-
快手電腦版如何下載 電腦怎麼玩快手
快手是手機上比較火的一款APP,現在還有了直播的功能,越來越強大。我們目前用快手的時候可能因為手機性能的問題,操作不是很好,那麼快手有電腦版嗎?怎麼在電腦上在線用快手看視頻呢?今天我們就來説説快手電腦版如何下載電腦怎麼玩快手。操作方法(01)首先我們打開自己的...
-
Win7系統無法開啟顯卡硬件加速的解決辦法
在Win7系統中想要開啟顯卡硬件加速的話,需要進入"個性化—顯示設置—疑難解答—硬件加速—更改設置"中進行設置。但是很多用户直接卡在更改設置這塊了,整個更改設置按鈕為灰色的無法點擊。操作方法(01)1.首先我們需要下載三個dll文件;顯卡全加速DLL文件(02)接着我們來...
-
無法定位程序輸入點 於動態鏈接庫上怎麼辦
很多朋友在系統軟件啟動時出現無法定位程序輸入點於動態鏈接庫上,提示的dll文件也是多種多樣,那麼該怎麼去處理無法定位程序輸入點於動態鏈接庫上?小編給大家帶來了處理方法。操作方法(01)我們首先在網上找一下出錯的那個程序,找到目標並進入網站。(02)將下載的dll文件...