Javascript 在下拉菜单中显示图像选择2

我需要在select2中显示每个项目的图像

我试过了

框架
var框架=[{
“id”：“名称1 | |子名称1 | |产品1 | |描述1 | |规格1”||https://image.shutterstock.com/image-photo/mountains-during-sunset-beautiful-natural-260nw-407021107.jpg",
“文本”：“产品1”
}, {
“id”：“名称2 | |子名称2 | |产品2 | |描述2 | |规格2”||https://image.shutterstock.com/image-photo/bright-spring-view-cameo-island-260nw-1048185397.jpg",
“文本”：“产品2”
}, ]
$（'#framework'）.empty（）；
$（“#框架”）。选择2({
数据：框架，
formatResult:format，
格式选择：格式，
逃逸标记：功能（m）{
返回m；
},
占位符：“单击此处选择”，
}).val（空）。触发器（“更改”）；
函数格式（状态）{
如果（！state.id）返回state.text；//optgroup
返回“”+state.text；
}

在select2

v4.0

var frameworks=[{“id”：“Name1 | | SubName1 | | | Product1 | | Desc1 | | Spec1||https://image.shutterstock.com/image-photo/mountains-during-sunset-beautiful-natural-260nw-407021107.jpg“，”text:“Product1”}，{”id:“Name2 | | SubName2 | | | Product2 | | Desc2 | | Spec2”||https://image.shutterstock.com/image-photo/bright-spring-view-cameo-island-260nw-1048185397.jpg“，“文本”：“产品2”}]
$（'#framework'）.empty（）；
$（“#框架”）。选择2({
数据：框架，
templateResult:格式，
模板选择：格式，
逃逸标记：功能（m）{
返回m；
},
占位符：“单击此处选择”，
}).val（空）。触发器（“更改”）；
函数格式（状态）{
如果（！state.id）返回state.text；//optgroup
返回“”+state.text；
}

框架

在select2

v4.0

var frameworks=[{“id”：“Name1 | | SubName1 | | | Product1 | | Desc1 | | Spec1||https://image.shutterstock.com/image-photo/mountains-during-sunset-beautiful-natural-260nw-407021107.jpg“，”text:“Product1”}，{”id:“Name2 | | SubName2 | | | Product2 | | Desc2 | | Spec2”||https://image.shutterstock.com/image-photo/bright-spring-view-cameo-island-260nw-1048185397.jpg，“文本”：产品2“}]
$（'#framework'）.empty（）；
$（“#框架”）。选择2({
数据：框架，
templateResult:格式，
模板选择：格式，
逃逸标记：功能（m）{
返回m；
},
占位符：“单击此处选择”，
}).val（空）。触发器（“更改”）；
函数格式（状态）{
如果（！state.id）返回state.text；//optgroup
返回“”+state.text；
}

框架

是否可以显示中间对齐的图像和产品？是否可以显示中间对齐的图像和产品？