如何在 Select2 选项中添加图像？

Question

我有一个select：

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

我有我的职责；

//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;
        };

它向我发送了一个对象：
请帮忙！

Answer 1

我不确定问题是否被错误标记，但我在您提供的代码中没有看到您的 select2 函数

但是这里有一个 select2 模板代码示例，它将在 select 和结果

中使用图像

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

});

如何在 Select2 选项中添加图像？

How to add an image in Select2 options?

javascript

jquery-select2