如何显示来自select2 multiselect标签库的图像,其中值来自数据库?

时间:2019-02-12 08:07:52

标签: javascript jquery ajax tags jquery-select2

我已经实现了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);
            }
        });
    }
}

0 个答案:

没有答案