JezK

Edit File: icon.js

/** * Link: https://stackoverflow.com/questions/37386293/how-to-add-icon-in-select2 */ ( function ( $, rwmb ) { 'use strict'; const template = option => { if ( option.text.includes( '<svg' ) ) { const title = option.text.replace( /<svg.*?>.*?<\/svg>/s, '' ); const $span = $( '<span>', { class: 'rwmb-icon-select', title } ); $span.html( option.text ); return $span; } return option.id ? $( `<span class="rwmb-icon-select" title=${ option.text }><i class="${ option.id }"></i>${ option.text }</span>` ) : option.text; }; function initIconField( event, options ) { $( this ).select2( { ...options, templateResult: template, templateSelection: template, } ); } rwmb.$document .on( 'init_icon_field', '.rwmb-icon', initIconField ); } )( jQuery, rwmb );