Question

我正在使用select2。我设法使用模板将图像添加到选项中。但现在我想为每个选项添加多个图像，并且无法弄清楚这样做的最佳解决方案。

$(document).ready(function () {
     function format(state) {
         var originalOption = state.element;

         return state.text + "<img src='images/filters/" + $(originalOption).data('foo') + ".png'  width='30px' height='30px' />";
     }

     $('.consultant-select').select2({
         allowClear: true,
         maximumSelectionSize: 1,
         formatResult: format,
         formatSelection: format,
         escapeMarkup: function (m) {
             return m;
         }
     });
 });

以下是来自jsfiddle http://jsfiddle.net/emilium/ctdk42xb/的代码。

Answer 1

您可以使用分号分隔图标的名称。

data-foo属性如下所示：

data-foo="icon1;icon2;icon3"

format()函数看起来像：

function format(state) {
    var text = state.text;
    $.each($(state.element).data('foo').split(';'), function(i, icon) {
        text += '<img src="images/filters/' + icon + '.png" width="30" height="30" />';
    }
    return text;
}

多个图像的选项？

1 个答案: