自动查询获取实时返回值 JavaScript JQuery on(),change(),trigger()

Django 环境，要实现一个 input 元素用于用户输入，以及一个空的 select 元素用于显示根据用户输入动态查询的结果，

需要结合前端 JavaScript（或 jQuery）和后端 Django 视图来完成。

JQuery 的知识点：

Django URL 配置

path('search/', project.search_view, name='search')

Django 视图

def search_view(request):
    query = request.GET.get('query', '')
    if query:
        # 有可能是多条记录 要用 list()
        results = models.CustomerInfo.objects.filter(name__icontains=query).values('id', 'name')
        # return JsonResponse(list(results), safe=False)
        return JsonResponse({'status': True, 'datalist': list(results)})
    else:
        return JsonResponse([])

前端 HTML 和 JavaScript

    

        
$