Bootstrap - select2

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>