Bootstrap select实现下拉框多选效果

在学习bootstrap实现下拉多选效果的时候，觉得该效果很好，所以拿来分享下，这里就不详细的描述了，直接附上代码给各位看看

HTML代码：

  
   分类: 
    
      
   请选择
   游记
   景点
   东京
   日本
   香港
   加拿大
      

 
 主题游: 
 
   
    请选择
    游船
    漂流避暑
    博物馆
    影视基地
    名胜古迹
    海岛度假

    

  



<%--  --%>



    

js代码：

define(function(require, exports, module) {


   var $ = require( "jquery");
   require( "jquery-validation/1.11.1/jquery.validate.min.js" );
   require( "jquery-validation/1.11.1/messages_bs_zh.js" );
   require( "bootstrap/select/bootstrap-select.min.css" )
   require( "bootstrap/select/bootstrap-select.min.js" )
   $(document).ready( function() {

     // 聚焦第一个输入框
     $( "input[name=name]").focus();
     // 为inputForm注册validate函数
     $( "#sceneModel").validate();

      var lon = $("input[name=longitude]" ).val();
      if (lon == "," ) {
$( "input[name=longitude]").val("" );

     }

     jQuery( '.selectpicker').selectpicker({

liveSearch: true,

size:8

     });

   });
   module.exports = $;

});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。