javascript - Django 模板 - 如果在另一个表单中选择特定项目，则隐藏表单

Question

我有两个这样的表单(每个表单都是一个下拉菜单)，用于创建模型:

<label for="id_section" ><strong>text</strong></label> 

{{ form.section }}                

<label for="id_area" ><strong>text</strong></label>

{{ form.area }}

如果选择第一个表单中的特定项目，我想隐藏第二个表单。有没有一种方法可以使用 django 标签、过滤器和 javascript 来完成此任务，而不仅仅是使用 javascript？

[编辑]用js解决方案:

var selectOne = document.getElementById("id_section");

selectOne.addEventListener("change", function() {
if (this.options[this.selectedIndex].value == 'value'){
    document.getElementById('id_area').style.display = "none";
} else {
    document.getElementById('id_area').style.display = "inline";
            }
        }, false);

Answer 1

也许 jquery 是这样的:

$('#id_section').change(function() {
    $(this).val() == 'something') ? $('#id_area').hide() : $('#id_area').show();       
});