Come aggiungere un'immagine nelle opzioni Select2?

Question

Ho un prescelto:

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

E ho il mio 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; 
     }; 

Mi manda un oggetto:
Aiutateci!

Answer 1

non sono sicuro se la questione è aggiunto in modo non corretto, ma non vedo la vostra funzione select2 nel codice avete dato

però ecco un esempio di codice select2 templating che avrebbe utilizzato le immagini nella select e il risultato

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 

});