안녕하세요. 드롭 다운 목록에 select2 플러그인을 사용하고 있습니다. 오픈 이벤트에서는 너비를 다른 값으로 설정하려고하지만 성공하지는 않습니다. 보다 편리한 방법으로이를 수행 할 수있는 방법이 있습니까?너비를 동적으로 변경하십시오. Select2
$('#select').select2({
width: o.width,
data: objs // some data
});
$('$select').on('select2:open', function (e) {
$(this).select2({width: 400}); // this does not work...
// select2 is opened, handle event
});
... 당신이 CSS 클래스와 CSS에 설정 폭을 추가 할 수 있습니다,이 당신을 도울 수보십시오
$(document).ready(function() {
$("#ddl1").select2({dropdownCssClass : 'set_ddl_size'});
});#ddl1 {
width: 100%;
}
.select2-drop-mask {
width: 99%;
}
.set_ddl_size {
width: 60% !important;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://cdn.jsdelivr.net/select2/3.3.2/select2.css" rel="stylesheet"/>
<script src="http://cdn.jsdelivr.net/select2/3.3.2/select2.js"></script>
<body>
<select id="ddl1">
<option value="small">Small</option>
<option value="medium">Medium Medium</option>
<option value="larg">Larg Larg Larg Larg</option>
<option value="verylarge">verylarge verylarge verylarge verylarge </option>
</select>
</body>