Django HTMX: Как удалить предложение группы списка поиска, когда пользователь убирает ключевое слово в поле поиска?

Я работаю над функцией поиска для проекта Django с использованием HTMX. Функция поиска может успешно генерировать предложения групп списка на основе ключевого слова, которое вводит пользователь, используя hx-trigger="keyup changed delay:500ms". Однако, когда пользователь очищает поле поиска, предложение группы списка все еще отображается на странице. Как я могу удалить предложение группы списка?

Вот несколько фрагментов из моего кода:

search.html

<div class="container-fluid p-2"> 
    {% csrf_token %}
    <input type="text"
        hx-get="{% url 'search-obj' %}"
        hx-target="#result"
        hx-trigger="keyup changed delay:500ms"
        name="search"
        class="form-control"
        placeholder="Search Object Here..."/>
    </form>
</div>

<div id="result"></div>

searchresult.html

{% if results %}
    {% csrf_token %}
    <ul class="list-group">
    {% for object in results %}
        <li class="list-group-item justify-content-between align-items-center">
            {{object.name}}
        </li>
    {% endfor %}
    </ul>

{% else %}
    <p>No result</p>

{% endif %}

views.py

def searchobj(request):
    searchtxt = request.GET.get('search')
    results = Object.objects.filter(name__icontains=searchtxt)
    context = {'results' : results}
    return render(request, 'base/searchresult.html', context)

urls.py

urlpatterns = [
    path('', views.home, name="home"),
    path('search-line/', views.searchobj, name="search-obj"),
]

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