1

モデルの作成に使用される、次のような 2 つのフォームがあります (それぞれがドロップダウン メニューです)。

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

{{ form.section }}                

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

{{ form.area }}

最初のフォームの特定のアイテムが選択されている場合、2 番目のフォームを非表示にしたい。JavaScriptだけでなく、djangoタグとフィルターと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);

4

1 に答える 1

1

多分jqueryでこのようなもの：

$('#id_section').change(function() {
    $(this).val() == 'something') ? $('#id_area').hide() : $('#id_area').show();       
});
于 2012-12-11T11:05:48.680 に答える