Bootstrap select实现下拉框多选效果

Bootstrap select实现下拉框多选效果

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

HTML代码：

分类:

请选择

游记

景点

东京

日本

香港

加拿大

lytqAGOMm

主题游:

请选择

游船

漂流避暑

博物馆

影视基地

名胜古迹

海岛度假

<%-- --%lytqAGOMm>

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

});

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。