1. 程式人生 > >jQuery的select2下拉框的搜尋功能(使用select2外掛,方便簡單)

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>

第四步:

效果圖