javascript - Jquery 选择图像

Question

我正在使用 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; }

}); 

发生了什么:

1. 图像显示正确。

2. 图像旁边的文字消失。

为什么？任何人都可以帮助我解决这个问题吗？问候!!

Answer 1

您应该使用 state.text 以及格式函数返回的图像:

return '<img class="flag" src="uploads/' + state.text.toLowerCase() + '.jpg" />' + state.text;

供我引用，请参阅:Select 2 .