Форма Django - включает кнопку «сброс»

Question

Мне удалось включить форму в мой проект django, используя FilterSet.Это работает очень хорошо - никаких проблем.Когда я ввел что-то в форму для поиска («например, BMW»), таблица в моем шаблоне фильтруется («BMW»), хотя мой поиск «BMW» остается в поле.Следовательно, я хотел бы добавить кнопку «очистить», по которой пользователь может нажать, и «BMW» исчезнет с поля, и результат поиска вернется к исходной таблице.Как я могу это понять?

В настоящее время я включил кнопку в свой шаблон (но когда я нажимаю на нее, ничего не происходит)

<button type="reset" class="btn btn-primary" onclick="resetEffort()"">
  <span class="glyphicon glyphicon-search"></span> Clear
</button>

И это мой view.py:

def cars_overview(request):
 car = CarFilter(request.GET, queryset=Car.objects.all())
 return render(request, 'cars/cars.html', {'filter': car})

большое спасибо !

Answer 1

Вы можете перехватить событие, приостановить его, очистить значения и затем отправить форму, используя js.

document.querySelector('button[type="reset"]').addEventListener('click', function (e) {
  e.preventDefault();

  this.parentElement.reset();
  this.parentElement.submit();
})