Wie füge ich ein Bild in Select2 Optionen hinzu?

Question

Ich habe eine select:

<select data-bind="options : PeriodeOptions, optionsValue : 'Periode', 
optionsText : function(item) { return AddLock(item)}" id="SelectPeriode"></select> 

Und ich habe meine fucntion;

//am - Fonction permettant d'ajouter le cadenas à côté de la Periode si elle est cloturée 
     function AddLock(pItem) { 
      if (!pItem.IsCloturePeriode) 
       return pItem.Periode; 
      var lTemplate = $('<span>' + pItem.Periode + '<img src="/Ressources/Images/Locked.png"/></span>'); 
      return lTemplate; 
     }; 

Es sendet mir ein Objekt:
Bitte um Hilfe!

Answer 1

Ich bin nicht sicher, ob die Frage falsch markiert ist, aber ich sehe nicht, Ihre select2 Funktion im Code youve

jedoch hier angegeben werden, eine Probe von select2 Templating-Code, die Bilder in der Auswahl verwenden würde, und das Ergebnis

function formatData (data) { 
    if (!data.id) { return data.text; } 
    var $result= $(
    '<span><img src="/Ressources/Images/Locked.png"/> ' + data.text + '</span>' 
); 
    return $result; 
}; 

$("#SelectPeriode").select2({ 
    templateResult: formatData, 
    templateSelection: formatData 

});