使用带有django-select2的图标

Question

我想在多选字段中的可选项目前面设置一个图标，我用django-select2进行渲染。

根据文档，我似乎需要使用templateResult，但不知道我的情况如何。

我的HTML（简化如下）使用django-crispy-forms和django-select2呈现如下：

<form class="form-horizontal" method="post" >
    <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" type="text/css" media="screen" rel="stylesheet" />
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
    <script type="text/javascript" src="/static/django_select2/django_select2.js"></script>
    <label for="id_recipients" class="control-label col-lg-2 requiredField">Recipient(s)<span class="asteriskField">*</span> </label> 
    <select multiple="multiple" class="select2multiplewidget form-control django-select2" data-allow-clear="false" data-minimum-input-length="0" data-placeholder="Select one or more recipients" id="id_recipients" name="recipients">
        <optgroup label="Groups">
            <option value="group_6">Group 6</option>
            <option value="group_2">Group 2</option>
            <option value="group_8">Group 8</option>
        </optgroup>
    </select>
</form>

我认为我可以在Example页面上使用JS，但下面会有这个功能，但是函数永远不会被调用。

$(".select2multiplewidget").select2({
    templateResult: formatState
});