多语言展示
当前在线:260今日阅读:152今日分享:13

bootstrap-select实现下拉框多选效果

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

HTML代码:                                             分类:                                                                                           

                         主题游:                                                                                           
<%--                               --%>                    
               

3

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

推荐信息