使用带有django-select2的图标

使用带有django-select2的图标,django,jquery-select2,Django,Jquery Select2,我想在使用django-select2呈现的多选字段中的可选项前面设置一个图标 根据文档,看起来我需要使用,但不确定在我的情况下如何使用 我的HTML(简化如下)使用django crispy表单和django-select2呈现,如下所示: <form class="form-horizontal" method="post" > <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select

我想在使用django-select2呈现的多选字段中的可选项前面设置一个图标

根据文档,看起来我需要使用,但不确定在我的情况下如何使用

我的HTML(简化如下)使用django crispy表单和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>
$(".select2multiplewidget").select2({
    templateResult: formatState
});