Bootstrap

1.调整select2下拉框的宽度

<style>
        .select2-container .select2-choice {
            height: 28px;
            line-height: 28px;
        }  
    </style>

 2.放置,select2自身的change响应和原始的 select不同,得在初始化的时候自己定义

$("#jumpPage").select2({
            placeholder: "商户(默认全部)",
        }).on('change', function () {
            apply($("#jumpPage").val())//change事件
        });

3.select2初始化

$("#jumpPage").select2({
            placeholder: "商户(默认全部)",
        });

 4.select2需要的样式和js,以下几个一定要的,至于bs基础的还有一些其他就不放了

<link rel="stylesheet" type="text/css" href="/assets/global/plugins/select2/select2.css" />
<script src="@Url.StaticFile("/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js")"></script>
    <script src="@Url.StaticFile("/assets/global/plugins/select2/select2.min.js")"></script>

 

原文地址:https://www.cnblogs.com/danlis/p/6437060.html