是否可以在Select2 MultiSelect中显示所选项目的替代文本?

时间:2017-02-16 10:35:30

标签: jquery html jquery-select2

我正在使用带有一组分组选项的Select2 MultiSelect:

第1组:

  • 选项1
  • 选项2

第2组:

  • 选项1
  • 选项2

当选择一个选项(并因此显示在输入字段中)时,如果所选选项云可以通过组前缀区分,那将是很好的,如

“G1:选项1,G2:选项1”

这是否可以使用Select2(可能通过为每个选项提供替代文本)?

1 个答案:

答案 0 :(得分:0)

我最终使用了选项的附加数据属性,并将其添加到所选项目之前:

$(".select2prefixselected").select2({
    templateSelection: format,
    escapeMarkup: function(m) {
        return m;
    },
});

使用以下格式功能:

function format( item ) {
    element = $(item.element);
    text = item.text;
    prefix = element.attr('data-prefix');
    if (prefix) {
        prefix = prefix + ' ';
    }
    return prefix + text;
}