Bootstrap select实现下拉框多选效果

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

HTML代码：

rush:xhtml;">

分类:

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

主题游:

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

</select>

<%-- --%>

</div>

js代码：

rush: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() {

 // 聚焦第<a href="https://www.jb51.cc/tag/yige/" target="_blank" class="keywords">一个</a>输入框
 $( "input[name=name]").focus();
 // 为inputForm<a href="https://www.jb51.cc/tag/zhuce/" target="_blank" class="keywords">注册</a>validate<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>
 $( "#sceneModel").validate();

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

 }

 jQuery( '.selectpicker').selectpicker({

   liveSearch: true,size:8

 });

});
module.exports = $;

});

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