bootstrap select2 单选下拉框里带搜索

第一步:引入css

        <th:block th:include="include :: select2-css" />

第二步:引入js

        <th:block th:include="include :: select2-js" />

第三步:在script中直接加入如下代码

        $(function (){
                        $.fn.select2.defaults.set( "theme", "bootstrap" );
                        $("select.form-control").each(function () {
                            $(this).select2().on("change", function () {
                                $(this).valid();
                            })
                        })
         });  

最后在页面使用时这样写: 

        <select id="jdbcName" name="jdbcName" class="form-control select2-multiple">
                        <option value="">---请选择---</option>
                        <option value="1">Mysql</option>
                        <option value="2">SqlServer</option>
                        <option value="3">Oracle</option>
        </select>

主要的就是在使用时class中引入select2-multiple

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值