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>