zoukankan      html  css  js  c++  java
  • select框多选(利用Bootstrap-select)

    前端HTML:

     <select  id="usertype" multiple class="selectpicker" style="150px;height: 38px;" >
        <option value="101" >打印条形码</option>
        <option value="104" >质检审核</option>
        <option value="105" >质检主管驳回</option>
        <option value="106" >维修质检</option>
                
     </select>

    JS:

    <script src="__PATH__/Storage/pageAllSn.js"></script>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css">
    
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
    
    <!-- (Optional) Latest compiled and minified JavaScript translation files -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/i18n/defaults-*.min.js"></script>
    <script>
        $(window).on('load', function () {
        $('#usertype').selectpicker({
            'selectedText': 'cat'
        });
    });
    </script>

    使用效果图:

    获取值, 

    $(‘#usertype’).val()即可 
    

      

  • 相关阅读:
    halcon7月license
    软设考试成绩查询结果
    Halcon自学笔记
    Window_Store
    Windows_Store之2048
    基于C#开发的2048
    MVC+EF+EasyUI实现CRUD
    ASP.NET MVC Model验证总结
    浙江省三级数据库考试
    基于C#的短信发送
  • 原文地址:https://www.cnblogs.com/crazytata/p/9923803.html
Copyright © 2011-2022 走看看