发表文章

[最新] jQuery的select2下拉框的搜索功能(使用select2插件,方便简单)

wjulio 3月前 1

第一步:

引入我们用使用的插件

jquery:

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

select2:

css:

<link href="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/css/select2.min.css" rel="stylesheet" />

js:

<script src="http://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>

第四步:

效果图


相关推荐
最新评论 (0)
返回
发表文章
wjulio
文章数
14
评论数
0
注册排名
1026943