Как удалить скрытый тег в строке в django, если определенное значение было выбрано в столбце в другой строке

Я использую Django для создания сайта и мне нужно показать столбец только в том случае, если в нем было выбрано определенное значение т.е. если я выберу 'medium' в сложном столбце 'level' столбец будет отображаться:

forms.py

from django import forms
from crispy_forms.helper import FormHelper
from crispy_forms.layout import Layout, Submit, Column, Row


difficult = (('1', 'low'), ('2', 'medium'), ('3', 'hard'),)
level = (('1', 'bad'), ('2', 'decent'), ('3', 'briliant'),)


class ContactForm(forms.Form):
    difficult = forms.ChoiceField(choices=difficult, label='Choose level')
    level = forms.ChoiceField(choices=level, label='Choose level')

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.helper = FormHelper()  
        self.helper.layout = Layout(
            Row(Column('difficult', css_class='form-group col-md-4 mb-0'), css_class='form-row'),
            Row(Column('level', css_class='form-group col-md-4 mb-0'), css_class='form-row', hidden = 'true'),
            Submit('submit', 'submit', css_class="btn-success")
        )

views.py

from django.shortcuts import render
from .forms import ContactForm


def index(request):
    form=ContactForm()
    if request.GET:
        temp = request.GET['module']
        print(temp)
    return render(request,'info.html',{'form':form})

info.html

{% load crispy_forms_tags %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width" />
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<body style="padding:20px;">
    <h1 class="mt-2" style="text-align:center;font-weight:bolder;color:steelblue;">Choose</h1>
    <hr class="mt-0 mb-4">
    {% crispy form form.helper %}
</body>
</html>

Я знаю, что должен быть js, так как это инструмент, который работает на стороне клиента, но понятия не имею, как его там использовать.

Есть похожий вопрос, но есть некоторые параметры и классы вне предоставленного кода, которые я не могу

В финале я хочу загрузить xml файл с выбранными опциями после нажатия кнопки отправки, но как это сделать я разберусь после.

Вернуться на верх