Bootstrap select实现下拉框多选效果

前端之家收集整理的这篇文章主要介绍了Bootstrap select实现下拉框多选效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

HTML代码

分类:
</select>

<%-- --%>

</div>

js代码

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<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 = $;

});

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

原文链接:https://www.f2er.com/bootstrap/43224.html

猜你在找的Bootstrap相关文章