jQuery에서 optgroup 레이블 + 값을 표시하는 방법 select2

Question

이라는 jQuery 플러그인을 사용하고 있는데 여기에서 Multiselect을 사용하고 있습니다. 이전에는 다른 웹 사이트 에도 동일한 플러그인을 사용했지만 그 중 하나는 꽤 오래되었습니다.. 원한다면, 드롭 다운 메뉴에서 옵션을 선택할 때 과 같이 보여줄 수 있습니다. Click to see image 선택 항목에 optgroup 태그를 지정하고 싶습니다. 이전 JsFiddle

내가 값을 OPTGROUP 표시하려면이 스크립트를 사용했다 : 여기 는 select2의 작업 데모입니다

function format(item) { 
    opt = $(item.element); 
    sel = opt.text(); 
    og = opt.closest('optgroup').attr('label'); 
    return og+' | '+item.text; 
} 
$("select").select2({ 
    formatSelection: format, 
    escapeMarkup: function(m) { return m; } 
}); 
$(".select2_sample3").select2({ 
    tags: [] 
}); 

Answer 1

사용 templateSelection

그리고 이것은 당신의 코드를 기반으로 예를 들어 작업입니다

function formatState (item) { 
    opt = $(item.element); 
    og = opt.closest('optgroup').attr('label'); 
    return og+' | '+item.text; 
}; 

$('#example').select2({ 
    placeholder: 'Select a Category', 
    templateSelection: formatState 
}); 

jsfiddle : https://jsfiddle.net/synz/t2zqjdf0/

리소스 : https://select2.org/selections#templating