如何在select2下拉列表中打破一行？

对于select2版本3.5或更低版本,我使用属性"formatResult"和"formatSelection"解决了它.

如果您使用的是v4.0或更高版本,请改用"templateResult"和"templateSelection".并且在回调函数中使用jquery标记,因此断行的html标记不会被清理.

这里解决的jsfiddle 显示了select2 v3.5及以下版本.

我在javascript中声明了select2下拉列表,如下所示:

$('#color').select2({
placeholder: "Select something",
minimumResultsForSearch: Infinity, //removes the search box
formatResult: formatDesign,
formatSelection: formatDesign
});

在回调函数 - formatDesign()中,我将所有字符串拆分并在其中添加br标记

function formatDesign(item) {
var selectionText = item.text.split(".");
var $returnString = selectionText[0] + "
" + selectionText[1];
return $returnString;
};

(注意:对于v4.0及更高版本,使用jquery字符串,将br添加到字符串中.它看起来像这样:)

var $returnString = $(''+selectionText[0] + '
' + selectionText[1] + '');