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？

[edit] 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();       
});