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

第一步:

引入我们用使用的插件

jquery:

<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

select2：

css:<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/css/select2.min.css" rel="stylesheet" />js:<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/js/select2.min.js"></script>第二步:创建一个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>
第四步:效果图