bootstrap select2 单选下拉框里带搜索

杜正奇
2023-12-01

第一步:引入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

 类似资料: