Front/JS & jQuery
[js][Bootstrap] multiselect의 width를 option값에 따라 설정하기
오선지♬
2024. 5. 12. 11:29
728x90
반응형
function adjustMultiselectWidth(multiselect) {
var maxOptionWidth = 0;
// 모든 옵션의 너비를 비교하여 최대 너비를 계산합니다.
$(multiselect).find('option').each(function() {
var optionWidth = $(this).text().length * 8; // 폰트 크기와 관련된 값을 조정하여 옵션 텍스트의 길이에 따른 예상 너비를 계산합니다.
if (optionWidth > maxOptionWidth) {
maxOptionWidth = optionWidth;
}
});
// 최대 너비를 멀티셀렉트에 적용합니다.
$(multiselect).css('width', maxOptionWidth + 'px');
}
// adjustMultiselectWidth 함수를 호출하여 멀티셀렉트의 너비를 조정합니다.
adjustMultiselectWidth('#your-multiselect-id');
728x90
반응형