Breaking News: Grepper is joining You.com. Read the official announcement!

add image in select2 dropdown

Curious Crayfish answered on January 8, 2021 Popularity 9/10 Helpfulness 3/10

answer add image in select2 dropdown

add image in select2 dropdown

Comment

$(".class").select2({
    templateResult: formatState,
    templateSelection: formatState
});

function formatState (opt) {
    if (!opt.id) {
        return opt.text.toUpperCase();
    } 

    var optimage = $(opt.element).attr('data-image'); 
    console.log(optimage)
    if(!optimage){
       return opt.text.toUpperCase();
    } else {                    
        var $opt = $(
           '<span><img src="' + optimage + '" width="60px" /> ' + opt.text.toUpperCase() + '</span>'
        );
        return $opt;
    }
};

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: add dropdown image whatever

Link to this answer
Share Copy Link