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

【问题标题】：Django template - hide a form if a specific item is selected in another formDjango模板 - 如果在另一个表单中选择了特定项目，则隐藏表单
【发布时间】：2012-11-28 21:32:20
【问题描述】：

我有两个这样的表格（每个都是一个下拉菜单），用于创建模型：

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

【问题讨论】：

你试过了吗？ javascript 可以在第一个表单上有一个点击监听器，如果选择了特定值，“id_area”就会被隐藏......这可能是一个想法吗？还是您在寻找不同的东西？
我已经更新了问题以便更好地理解

标签： javascript html django forms hide

【解决方案1】：

jquery 可能是这样的：

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

【讨论】：