Call js function every time DjangoForm is loaded?

Question

I have next form:

class ExampleForm(forms.ModelForm):
  class Meta:
     model = ExampleModel
     fields = ['field1', 'field2', 'field3']
     widgets = {'field1': forms.Select(attrs={'onchange': 'onchangeJsFunction()'})}

So far i have been able to add onchange property to my select field that calls 'onchangeJsFunction()' every time 'field1' value is changed. My next goal is to add a function that is going to be executed every time form is loaded, and i am not sure how to do it. I have tried adding onload property to a input field this way:

...
widgets = {'field_2': forms.TextInput(attrs={'onload': 'onloadJsFunction();'})}
...

but it does not give any results so far.

How am i supposed to execute certain JS function every time my Django Form is loaded?

If i add it to my body tag, the function is going to be called only once - when the page is loaded. The thing is that my form is within hidden bootsrap modal window, and that modal window, with form, shows when certain button is pressed on webpage. — kims9
– kims9, Commented Feb 11, 2023 at 9:50

SamSparx · Accepted Answer · 2023-02-11 10:07:20Z

1

Based on the comment that you are using a bootstrap modal - you could add an event listener to the modal that runs code when it is is shown

In bootstrap 4 (jquery)

$('#myModal').on('shown.bs.modal', function () {
 //onloadJsFunction() or similar
})

in bootstrap 5

var myModal = document.getElementById('myModal')

myModal.addEventListener('shown.bs.modal', function () {
  ////onloadJsFunction() or similar
})

(tweaked from bootstrap docs)

answered Feb 11, 2023 at 10:07

SamSparx

5,2971 gold badge6 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Call js function every time DjangoForm is loaded?

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