Формы с показанным/скрытым полем с условием в django

У меня возникли проблемы при попытке скрыть и показать поле формы в django. Мой код хорошо работает при отображении поля формы

<label class="col-md-8" id="sotien">{{form.so_tien}}</label>

Однако я потерпел неудачу при попытке скрыть поле с условием. Если ma_code=="ptp", то form.so_tien скрывается и наоборот

мои формы:

class AddReportForm(forms.Form):
list_ma_code=(
    ("skipcall","SKIP CALL"),
    ("ptp","PTP"),
)
ma_code=forms.ChoiceField(label="Mã code",choices=list_ma_code,widget=forms.Select(attrs={"class":"form-control"}))

so_tien=forms.IntegerField(label="Số tiền",widget=forms.NumberInput(attrs={"class":"form-control", "type":"number"}),required=False, initial=0)

мой html

 <label class="col-md-8" id="id_ma_code">{{ form.ma_code }}</label>
 <label class="col-md-8" id="sotien">{{form.so_tien}}</label>

my js

<script>
function Hide() {
    if(document.getElementById('id_ma_code').options[document.getElementById('id_ma_code').selectedIndex].value == "ptp") {
         document.getElementById('sotien').show();
    } else {
         document.getElementById('sotien').hide();
    }
}

window.onload = function() {
    document.getElementById('id_ma_code').onchange = Hide;
};
</script>

Ошибки не было, но код не работал. Даже если я поменяю все на hide, он ничего не скрывает

Я прочитал несколько вопросов, но не смог решить свою проблему

https://stackoverflow.com/questions/15136657/show-and-hide-dynamically-fields-in-django-form

https://stackoverflow.com/questions/55893040/how-to-hide-fields-in-django-form-depending-on-the-selected-category

Спасибо, что читаете и поддерживаете меня

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