Django Admin intercept onchange event of a field and make an action

Question

In my django project i would clear a field value every time another select field have an onChange event. I have an add form like thisone:

every time Template field change (onChange), Test Case field have to become blank.

How can i do this in a django admin add or edit page?

So many thanks in advance

If you want it reflect immediately without reload the page then you should use JavaScript to listen onChange event and reset the value of other field. If you okay with that, I can give you an answer using js — Toan Quoc Ho, Sep 23 '19 at 15:53

Toan Quoc Ho · Answer 1 · 2020-02-15T17:49:25.190

8

You could customize Admin asset definition and use JavaScript/jQuery to handle your problem. Here is an example:

admin.py

class TestCaseAdmin(admin.ModelAdmin):
    class Media:
        js = (
            'js/admin.js',   # inside app static folder
        )

admin.site.register(TestCase, TestCaseAdmin)

js/admin.js

if (!$) {
    // Need this line because Django also provided jQuery and namespaced as django.jQuery
    $ = django.jQuery;
}

$(document).ready(function() {
    $("select[name='template']").change(function() {
        $("select['test_case']").val('');
    });
});

template, test_case are field name on your model

edited Feb 15 '20 at 17:49

answered Sep 23 '19 at 16:20

Toan Quoc Ho

3,266
1
14
22

@abnerh69, I didn't get your idea. Why it should be "class Media"? The reason why I use `class Meta` because that's a feature in Django which allows us to set metadata for other classes – Toan Quoc Ho Feb 15 '20 at 06:54
1

It's because Django (versions 1.8 to 3.0) documentation at https://docs.djangoproject.com/en/3.0/ref/contrib/admin/#modeladmin-asset-definitions. But your answer helps me a lot. Just change Meta for Media. – abnerh69 Feb 15 '20 at 17:09

ZaherSarieddine · Accepted Answer · 2021-01-20T00:59:00.690

3

The event can also be set in the modelform meta widgets dict;

class ReceiptsForm(ModelForm):
    class Meta:
        model = Receipts
        fields = []
        widgets = {
            'partner_id': forms.Select(attrs={'onchange': 'this.form.submit();'})
        }

edited Jan 20 '21 at 00:59

answered Jan 20 '21 at 00:52

ZaherSarieddine

116
4

Django Admin intercept onchange event of a field and make an action

2 Answers2