使用bootstrap添加搜索下拉框

<!-- 下拉搜索框 -->
    <script type="text/javascript" src="http://www.daimajiayuan.com/download/jquery/jquery-1.10.2.min.js"></script>  
    <script type="text/javascript" src="http://cdn.bootcss.com/bootstrap-select/2.0.0-beta1/js/bootstrap-select.js"></script>    
    <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap-select/2.0.0-beta1/css/bootstrap-select.css">
    <script type="text/javascript">  
        $(window).on('load', function () {  
 
            $('.selectpicker').selectpicker({  
                'selectedText': 'cat'  
            });  
 
            // $('.selectpicker').selectpicker('hide');  
        });  
    </script>
 <!-- 下拉搜索框结束 -->

 

body中添加

                                <label for="bs3Select" class="col-sm-1 control-label">国家</label>  
                                <div class="col-sm-3">  
                                    <select id="bs3Select" class="selectpicker show-tick form-control" multiple data-live-search="true">  
                                        <option>cow</option>  
                                        <option>bull</option>  
                                        <option>ox</option>    
                                    </select>  
                                </div>

转载于:https://www.cnblogs.com/Alex-ZB/p/8676054.html