bootstrap下拉多选框

1、引用(引用资源下载)

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="static/css/bootstrap-select.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="static/js/bootstrap-select.min.js"></script>

2、初始化

    $(window).on('load', function () {
        $('#fruittype').selectpicker({
            'selectedText': 'cat'
        });
    });

3、html代码

 <div class="form-group">
   <label class="col-sm-3 control-label">水果：</label>
	<div class="col-sm-7">
		<select id="fruittype" name="fruittype" class="selectpicker show-tick form-control" multiple data-live-search="false">
				<option value="0">苹果</option>
				<option value="1">菠萝</option>
				<option value="2">香蕉</option>
				<option value="3">火龙果</option>
				<option value="4">梨子</option>
				<option value="5">草莓</option>
				<option value="6">哈密瓜</option>
				<option value="7">椰子</option>
				<option value="8">猕猴桃</option>
				<option value="9">桃子</option>
		</select>
	</div>
  </div>

4、页面展示