select2的簡單帶搜索的使用

1、js和css

    <script src="__ADMIN__/admin/js/jquery-2.2.4.min.js"></script>
    <link rel="stylesheet" href="__ADMIN__/admin/select2/css/select2.min.css"> 
    <script src="__ADMIN__/admin/select2/js/select2.full.min.js"></script>
    <script src="__ADMIN__/admin/select2/js/i18n/zh-CN.js"></script>

2、html

     <select name="seats" id="seats" class="selectpicker show-tick form-control select2 select2-drop-mask" id="car_seats">
           <option value="">請選擇</option>
           <option value="2"> 2 座</option>
           <option value="3"> 3 座</option>
           <option value="4"> 4 座</option>
           <option value="5"> 5 座</option>
           <option value="6"> 6 座</option>
           <option value="7"> 7 座</option>
           <option value="8"> 8 座</option>
           <option value="9"> 9 座</option>
           <option value="10"> 10 座</option>
    </select> 

3、js

<script type="text/javascript">
    	$(document).ready(function() { $("#seats").select2({
                        placeholder:"選擇座位",
                    }); });
</script>

4、效果圖