Bootstrap select实现下拉框多选效果

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

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

HTML代码

分类:
  1. </select>

<%-- --%>

  1. </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() {

  1. // 聚焦第一个输入框
  2. $( "input[name=name]").focus();
  3. // 为inputForm<a href="/tag/zhuce/" target="_blank" class="keywords">注册</a>validate<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a>
  4. $( "#sceneModel").validate();
  5. var lon = $("input[name=longitude]" ).val();
  6. if (lon == "," ) {
  7. $( "input[name=longitude]").val("" );
  8. }
  9. jQuery( '.selectpicker').selectpicker({
  10. liveSearch: true,size:8
  11. });

});
module.exports = $;

});

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

猜你在找的Bootstrap相关文章