How to filter foreign keys in Django Model form? - filter

Question

I want to have a form with two dropdowns (ForeignKey) in which when the user select "Branch" in the first dropdown, the second one only shows the "Staff" in that branch and then after filling a textbox for description the form would be saved.
Here is my codes:
models.py
class BranchCodes(models.Model):
br_code = models.IntegerField(max_length=4)
br_name = models.CharField(max_length=50)
class Staff(models.Model):
staf_br = models.ForeignKey(BranchCodes, on_delete=models.CASCADE)
staf_name = models.CharField(max_length=200)
class Problems(models.Model):
branch_code = models.ForeignKey(BranchCodes, on_delete=models.CASCADE)
Staff = models.ForeignKey(Staff, on_delete=models.CASCADE)
problem = models.CharField(max_length=200)
views.py
class Problems_form_View(FormView):
template_name = 'problem_page.html'
form_class = ProblemsModelForm
success_url = '/Problems'
def form_valid(self, form):
form.save()
return su
per().form_valid(form)
forms.py
class ProblemsModelForm(forms.ModelForm):
class Meta:
model = Problems
fields = '__all__'
page.html
<form id="main-contact-form" class="contact-form row" action="{% url'problem-form' %}" name="contact-form" method="post"
enctype="multipart/form-data" \>
{% csrf_token %}
<div class="form-group col-md-6">
{{ form.branch_code.label_tag }}
{{ form.branch_code }}
</div>
<div class="form-group col-md-6">
{{ form.staff.label_tag }}
{{ form.staff}}
</div>
<div class="form-group col-md-12">
{{ form.problem.label_tag }}
{{ form.problem }}
</div>
<div>
<button type="submit" " class=" btn btn-primary pull-left">send</button>
</div>
</form>
I searched on the net and I found that some used ajax for doing so and others in the forms.py with queryset tried to handle it. I'm totally confused and since I'm new in coding, I couldn't resolve the problem.