So zeigen Sie optgroup label + value in jQuery select2

Question

Ich verwende ein jQuery-Plugin mit dem Namen Select2, in dem ich verwende. Zuvor habe ich auch das gleiche Plugin für meine andere Website verwendet, aber das ist jetzt ziemlich alt. Ich möchte, wenn ich Optionen aus Drop-Down-Optionen mit optgroup wie folgt wähle: Click to see image Jetzt zeigt mir dieses Plugin, das ich jetzt verwende: Click to see image Ich möchte, dass optgroup-Tag mit Wert auf Auswahl. Hier ist die Arbeits Demo von select2: JsFiddle

Zuvor ich dieses Skript wurde mit zeigen optgroup mit Wert:

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

Verwenden templateSelection

Und das ist Beispiel arbeitet auf der Grundlage Ihren Code

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

resource: https://select2.org/selections#templating