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