Как показать разные названия нескольких выбранных опций в select2.js

Question

Я использую select2.js, и я хочу выбрать несколько значений, которые работают нормально.Но в выбранных значениях я не хочу показывать полный контент в выбранном текстовом поле, я хочу показать другой контент, например

<select id="event-users-dropdown" class="form-control" name="selectedUser[]"  multiple="multiple">
<option data-id="123456" value="1">  123456, my-name-here1 </option>
<option data-id="023456" value="2">  023456, my-name-here2 </option>
<option data-id="003456" value="3">  003456, my-name-here3 </option>
</select>

В этом примере я хочу показать только значения data-id (123456)в качестве выбранного содержимого не «123456, my-name-here1»

Answer 1

Я выполнил это задание.

$("ul.select2-selection__rendered li").each(function(){
        var title = $(this).attr("title");  
        if(title){   
            title = title.substring(0, title.indexOf('-'));
            // '-' is the character till that i want to use string, ex. (123 - my name)             
            var html = '<span class="select2-selection__choice__remove" role="presentation">×</span>';
            $(this).html(html + title);
        }
    });