select2 with icon

Glorious Grasshopper answered on July 13, 2022 Popularity 9/10 Helpfulness 6/10

answer select2 with icon

related select2 with icon

select2 with icon

Comment

//JS
$('.select2').select2({
    templateResult: function(e) {
        icon = $(e.element).attr('data-icon')
        val = e.element;
        if(val){
            val = `<i class="${icon}"></i> ${val.text}`;
        }
        return val;
    },
    escapeMarkup: function(m) {
        return m;
    }
});

//HTML
<select class="select2">
  <option value="1" data-icon="fa fa-users"> TEXTO </option>
</select>

Popularity 9/10 Helpfulness 6/10 Language whatever

Source: Grepper

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Jul 13 2022

Glorious Grasshopper

0 Answers Avg Quality 2/10

Closely Related Answers

select2 with icon

Comment

//JS
$('.select2').select2({
    templateResult: function(e) {
        icon = $(e.element).attr('data-icon')
        val = e.element;
        if(val){
            val = `<i class="${icon}"></i> ${val.text}`;
        }
        return val;
    },
    escapeMarkup: function(m) {
        return m;
    }
});

//HTML
<select class="select2">
  <option value="1" data-icon="fa fa-users"> TEXTO </option>
</select>

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: gist.github.com

Tags: whatever whateve

Link to this answer
Share Copy Link

Contributed on Jul 13 2022

Glorious Grasshopper

0 Answers Avg Quality 2/10

select2 with icon

Contents

More Related Answers

select2 with icon

Closely Related Answers

select2 with icon

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.