bootstrap-select多选-创新互联

创新互联网站建设公司，提供成都网站设计、成都网站制作，网页设计，建网站，PHP网站建设等专业做网站服务;可快速的进行网站开发网页制作和功能扩展；专业做搜索引擎喜爱的网站，是专业的做网站团队，希望更多企业前来合作!>bootstrap-select

<!DOCTYPE html>
<html>
<head>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.0/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
</head>
<body>
<select class="selectpicker" multiple>
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>
  
  <fieldset>
    <legend>bootstrap</legend>
    <div class="form-controls" style="width: 590px;">
        <select class="selectpicker show-tick form-control" multiple="multiple" title="请选择供应商名称" data-size="10"
                data-selected-text-format="count > 21"
                data-live-search="true" data-live-search-placeholder="搜索"
                data-actions-box="true" data-select-all-text="全选" data-deselect-all-text="重置"
                id="xinghao_id" name="xinghao_id" value="{$info.xinghao_id}">
        </select>
    </div>
</fieldset>
<hr/>
<button id="btn">获取</button>

  <script type="text/javascript"> 
  $(document).ready(function(){
  $('.selectpicker').selectpicker({
  });

  $('.selectpicker').val('Mustard');
  $('.selectpicker').selectpicker('render');
  
// 获取    $("#btn").click(function () {
var _vals = $("#xinghao_id").val();
        console.log(_vals)
    });

var _option = "";
for (var i = 0; i < 100; i++) {
        _option+= '<option value="' + i + '">' + '供应商' + i + '</option>';
    }
    $("#xinghao_id").append(_option);

// 动态追加元素需要 重新刷新渲染    $('.selectpicker').selectpicker('refresh');

});
</script>
</body>
</html>

本文标题：bootstrap-select多选-创新互联
本文URL：https://www.cdcxhl.com/article2/ioeic.html

成都网站建设公司_创新互联，为您提供全网营销推广、商城网站、标签优化、定制开发、网站维护、响应式网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容