Как показать изображение из библиотеки select2 multiselect tag, где значения поступают из базы данных? - PullRequest
Новая
       18

Как показать изображение из библиотеки select2 multiselect tag, где значения поступают из базы данных?

0 голосов
/ 12 февраля 2019

Я реализовал функцию select2 для отображения пользователей из базы данных.

Например, данные представлены в виде объекта. 

    var data = [
    {
        'id': '11',
        'name': 'rk',
        'image': 'http://websemantics.github.io/Image-Select/img/adnan.png'
    },
    {
        'id': '12',
        'name': 'rk12',
        'image': 'http://websemantics.github.io/Image-Select/img/adnan.png'
    },
    {
        'id': '13',
        'name': 'rk13',
        'image': 'http://websemantics.github.io/Image-Select/img/adnan.png'
    }
    ]

Мне удалось отобразить имя пользователя из следующей функции, но я не могупоказывать изображения помимо этого имени пользователя.

Ниже приведена функция, которая показывает пользователей. 

function showFriends(userid){
    if(userid != ""){
        $('#mapfriends').html('');
        $.ajax({
            type: "POST",
            url: "?module=users&action=getfriendsdetails&ts={$ts}",
            data: {userid: userid},
            success: function(data) {
                var UI = "";
                mapFriendsUI = '<select class="player-select form-control" multiple="multiple">';
                data.forEach(function(entry) {
                    mapFriendsUI += '<option selected="selected" value="'+entry.userid+'">'+entry.username+'</option>';
                });
                mapFriendsUI += '</select>';
                $('#mapfriends').html(mapFriendsUI);
            }
        });
    }
}
...