Django Autocomplete Light override返回自定义值的html选项

# myapp/views.py
from django.http import JsonResponse
from django.views import View
from .models import MyModel

class MyModelAutocompleteView(View):
    def get(self, request, *args, **kwargs):
        # 获取查询参数
        query = request.GET.get('q', '')
        
        # 根据查询参数过滤模型实例
        results = MyModel.objects.filter(name__icontains=query)[:5]
        
        # 构建自定义的 HTML 选项
        options = []
        for result in results:
            option = f'<option value="{result.id}">{result.name} - {result.custom_field}</option>'
            options.append(option)
        
        # 返回 JSON 响应，包含自定义的 HTML 选项
        return JsonResponse({'results': options})

# myapp/urls.py
from django.urls import path
from .views import MyModelAutocompleteView

urlpatterns = [
    path('autocomplete/mymodel/', MyModelAutocompleteView.as_view(), name='mymodel_autocomplete'),
]

# myapp/admin.py
from django.contrib import admin
from autocomplete_light import shortcuts as autocomplete_light
from .models import MyModel

class MyModelAdmin(autocomplete_light.ModelAdmin):
    autocomplete_fields = {
        'mymodel_field': ('myapp:autocomplete:mymodel',),
    }

admin.site.register(MyModel, MyModelAdmin)

<!-- myapp/templates/autocomplete_light/select2.html -->
{% extends "autocomplete_light/select2.html" %}

{% block select2_options %}
    {{ block.super }}
    <script>
        $(document).ready(function() {
            $('#id_mymodel_field').on('select2:select', function(e) {
                var data = e.params.data;
                $('#id_mymodel_field').val(data.id);
                $('#id_mymodel_field option:selected').text(data.text);
            });
        });
    </script>
{% endblock %}