我正在使用 jquery select2 插件,这是我的第一个选择:
$('#dropdown_users').select2({
placeholder: 'Search for a category',
minimumInputLength: 2,
allowClear: true,
ajax: {
url: "search.php",
dataType: 'json',
quietMillis: 100,
data: function (term, page) {
return {
term: term, //search term
page_limit: 20 // page size
};
},
results: function (data, page) {
return { results: data.results };
}
}
});
效果完美,文本已显示。
不是我想将图像添加到显示的文本中,我做了什么:
function format(state) {
if (!state.id) return state.text; // optgroup
return "<img class='flag' src='uploads/" + state.text.toLowerCase() + ".jpg'/>";
}
$('#dropdown_users').select2({
placeholder: 'Search for a category',
minimumInputLength: 2,
allowClear: true,
ajax: {
url: "search.php",
dataType: 'json',
quietMillis: 100,
data: function (term, page) {
return {
term: term, //search term
page_limit: 20 // page size
};
},
results: function (data, page) {
return { results: data.results };
}
},
formatResult: format,
formatSelection: format,
escapeMarkup: function(m) { return m; }
});
发生了什么:
图像显示正确。
图像旁边的文字消失。
最佳答案
您应该使用 state.text
以及格式函数返回的图像:
return '<img class="flag" src="uploads/' + state.text.toLowerCase() + '.jpg" />' + state.text;
供我引用,请参阅:Select 2 .
关于javascript - Jquery 选择图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23195407/