jQuery的select2下拉框的搜索功能(使用select2插件，方便簡單)

第一步:

引入我們用使用的插件

jquery:

select2：

css:

js:

第二步:

創建一個html頁面，body內容:

<div>
    <select class="singleSelect" style="width: 200px;">
        <option value="">--請選擇--</option>
        <option value="">阿里</option>
        <option value="">阿姨</option>
        <option value="">江南</option>
        <option value="">杭州</option>
        <option value="">無錫</option>
        <option value="">上海</option>
    </select>

</div>

第三步:

書寫js腳本，調用我們的js方法

<script type="text/javascript">

        $(document).ready(function() {
                $('.singleSelect').select2();

            });

</script>

第四步:

效果圖

---