2017-02-16 28 views
0

我使用的是選擇二多選一組的分組選項:是否可以在Select2 MultiSelect中顯示選定項目的替代文本?

組1:

  • 選項1
  • 選項2

組2:

  • 選項1
  • 選項2

當選擇了選項時(且因此在輸入字段中示出)將是巨大的,如果所選擇的選項雲由一組前綴區分開,如在

「G1:選項1,G2:選項1」

這可能使用Select2(可能通過爲每個選項提供備選文本)?

+1

可以使用jQuery多個選擇這裏[MultipleSelect](http://wenzhixin.net.cn/p/multiple-select/docs/#multiple-select) –

+0

MultipleSelect似乎可以做類似的事情,是的。雖然使用Select2是我的要求。 – mrwienh

回答

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; 
} 
相關問題