Django display content based on dropdown select - django

Question

I am new in Django.
I want to display content based on dropdown selection.
In this example i want to show all the workshops data from the location selected in the dropdown.
Is it possible to achieve that without reloading the page? or if it must reload the page, is it possible to stay on current view after reloading the page?
Thank you.
I have tried to use post method and use onChange attribute on my forms.
It successfully reload the page but the workshops content is not shown, the dropdown selection go back to default '--- Choose your location ---' and the page go back to the top.
Below is the code of the forms
class LocationForm(forms.Form):
location = forms.ModelChoiceField(label='', queryset=Location.objects.all(), empty_label="--- Choose your location ---",
widget=forms.Select(
attrs={'id': 'ddlLocation', 'name':'ddlLocation', 'class':'selectpicker', 'data-live-search':'true', 'data-size':'5', 'onChange':'frLocation.submit();' }
)
)
Below is the code of the class
class HomeView2(ListView):
template_name = 'myapp/index.html'
def get(self, request):
form_location = LocationForm()
location_id = request.GET.get('location_id')
workshops = Workshop.objects.filter(location_id=location_id).order_by('workshop_name')
args = {'form_location':form_location, 'workshops':workshops}
return render(request, self.template_name, args)
def post(self,request):
form_location = LocationForm()
location_id = request.GET.get('location_id')
workshops = Workshop.objects.filter(location_id=location_id).order_by('workshop_name')
args = {'form_location':form_location, 'workshops':workshops}
return render(request, self.template_name, args)
and in index.html
<section class="page-section" id="services">
<div class="container">
<h2 class="text-center mt-0">At Your Service</h2>
<hr class="divider my-4">
<div class="row justify-content-center">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-wrench text-primary mb-4"></i>
<h3 class="h4 mb-2">Select location</h3>
<form id="frLocation" name="frLocation" method="POST">
{% csrf_token %}
{{form_location}}
</form>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<form id="frWorkshop">
{% for workshop in workshops %}
<p>Workshop: {{workshop.workshop_name}}</p>
{% endfor %}
</form>
</div>
</div>
</div>
</div>
</section>