Django JQuery Autocomplete для двух форм на одной странице

Нашел в сети этот код автозаполнения, но он работает для одной формы на странице. Как заставить его работать для двух форм с разными данными для каждой?

views.py

from django.http import JsonResponse
from django.shortcuts import render

# Create your views here.
from core.models import Product


def autocomplete(request):
if 'term' in request.GET:
    qs = Product.objects.filter(title__icontains=request.GET.get('term'))
    titles = list()
    for product in qs:
        titles.append(product.title)
    return JsonResponse(titles, safe=False)
return render(request, 'core/home.html')

models.py

class Product(models.Model):
title = models.CharField(max_length=124)
qty = models.IntegerField()

def __str__(self):
    return self.title

home.html

<form>
<label for="product">Product</label>
<input type="text" name="product" id="product">
</form>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function () {
    $("#product").autocomplete({
        source: '{% url 'autocomplete' %}',
        minLength: 2
    });
});
</script>

urls.py

urlpatterns = [
    path('', views.autocomplete, name='autocomplete'),
]

Вернуться на верх