如何在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);
        }
    });