Django filters update query when user changes value in dropdown filter

Question

I have a filter that is for my model that is a select of all the values in that columns. I would like to make it so that when the user select a value from the select it automatically filters the data without the need for a submit button. I believe I need an onclick attribute for the select field but I cant figure out how to set that up for filter forms.

filters.py

import django_filters
from django_filters import CharFilter, AllValuesFilter

from .models import *


class SetFilter(django_filters.FilterSet):
    name = CharFilter(field_name='name', lookup_expr='icontains', label='', )
    type = AllValuesFilter(field_name='type', choices=Set.objects.values_list('type', flat=True).distinct(), label='', )

    class Meta:
        model = Set
        fields = ''
        exclude = ['']

sets.html:

<td class="d-none d-xl-table-cell">{{ myFilter.form.type }}</td>

khatchad · Accepted Answer · 2021-04-06 22:27:24Z

3

you need to use jquery or pure Javascript to react on user actions. here is code with jQUERY

$(document).ready(function() {
    $('#id_type').bind('change', function(event) {
        $('#you_form_id').trigger("submit");
    });
});

here we check when user changes field type and then automatically submit filter form

edited Apr 6, 2021 at 22:27

khatchad

3,2183 gold badges34 silver badges39 bronze badges

answered Oct 26, 2020 at 20:43

Andrey Maslov

1,4661 gold badge9 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Django filters update query when user changes value in dropdown filter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related