如何在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] + "</br>" + selectionText[1];
return $returnString;
};

（注意：对于v4.0及更高版本，请使用jquery字符串，将br添加到字符串中。它看起来像这样：）

var $returnString = $('<span>'+selectionText[0] + '</br>' + selectionText[1] + '</span>');