zoukankan      html  css  js  c++  java
  • bootstrap-multiselect 使用说明

     

     
    <link rel="stylesheet" href="themes/plugins/bootstrap-multiselect/css/ace.css"  /> 
    <link rel="stylesheet" href="themes/plugins/bootstrap-multiselect/css/font-awesome.css" />
    <link rel="stylesheet" href="themes/plugins/bootstrap-multiselect/css/bootstrap-multiselect.css" />
    
    <html>
    <select id="subject" name="subject" class="multiselect" multiple="" style="height:28px;160px;" ><{$option_subject}></select>
    <input id='subject_selected' name='subject_selected' type="hidden"  value="" /> 
    
    <script type="text/javascript">
    //取值   $('#consult_subject').val()
    //post取值 用 consult_subject_selected
    if($('#consult_subject').val()!=null){
        $('#consult_subject_selected').val($('#consult_subject').val());
    }
    //多选 赋值

      $("#subject").val("");
      $("#subject").multiselect("refresh");

    var multiselect_item = row.subject;    //aa="1,2,3"
    var multiselect_arr= new Array();
    var multiselect_arr =multiselect_item.split(",");      
    $('#subject').multiselect('select', multiselect_arr);  //这里直接传aa是不行的
    
    </script>
    
    //下面是 必须有的
    <script type="text/javascript" src="themes/plugins/bootstrap-multiselect/js/bootstrap-multiselect.js"></script>
    <script type="text/javascript">
    jQuery(function($){
        ////////////////// btn-white btn-primary
        $('.multiselect').multiselect({
            enableFiltering: true,
            buttonClass: 'btn btn-white btn-primary',
            templates: {
                button: '<button type="button" class="multiselect dropdown-toggle" data-toggle="dropdown"></button>',
                ul: '<ul class="multiselect-container dropdown-menu"></ul>',
                filter: '<li class="multiselect-item filter"><div class="input-group"><span class="input-group-addon"><i class="fa fa-search"></i></span><input class="form-control multiselect-search" type="text"></div></li>',
                filterClearBtn: '<span class="input-group-btn"><button class="btn btn-default btn-white btn-grey multiselect-clear-filter" type="button"><i class="fa fa-times-circle red2"></i></button></span>',
                li: '<li><a href="javascript:void(0);"><label></label></a></li>',
                divider: '<li class="multiselect-item divider"></li>',
                liGroup: '<li class="multiselect-item group"><label class="multiselect-group"></label></li>'
            }
        });
        ///////////////////
    });
    </script>
  • 相关阅读:
    技术收集
    Entity Framework的扩展库
    暂时收集
    php 处理高并发的思路
    nginx缓存优先级(缓存问题者必看)
    mysql5.5主从配置
    php源码编译常见错误解决方案
    今天开始要改变模式了
    nrpe 在ubuntu上安装遇到的问题
    zendstudio 10下载汉化
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/12889424.html
Copyright © 2011-2022 走看看