Question

我有一个下拉菜单，它确定应该显示表单的哪些部分。这是有效的，除了初始页面加载所有元素都显示。选择后，它只显示正确的元素。

下面是我的Javascript，有没有办法将所有元素设置为最初隐藏，对不起，如果这是一个愚蠢的问题，但我是javascript的新手。

if (current_value == "page_name") {
    document.getElementById("contains").style.display = "block";
    document.getElementById("term").style.display = "block";
    document.getElementById("countries").style.display = "none";
    document.getElementById("postcodes").style.display = "none";
    document.getElementById("repeater").style.display = "none";
    document.getElementById("visitor_type").style.display = "none";
    document.getElementById("page_visits").style.display = "none";
    document.getElementById("pvisits_value").style.display = "none";
}

else if (current_value == "postcode") {
    document.getElementById("contains").style.display = "none";
    document.getElementById("term").style.display = "none";
    document.getElementById("countries").style.display = "none";
    document.getElementById("postcodes").style.display = "block";
    document.getElementById("repeater").style.display = "none";
    document.getElementById("visitor_type").style.display = "none";
    document.getElementById("page_visits").style.display = "none";
    document.getElementById("pvisits_value").style.display = "none";
}

Answer 1

将class属性赋予所有元素。

例如：如果你有一个像

这样的输入元素

<input type="text" name="something" id="something" class="hideme" />

通过对所有元素使用相同的类名来隐藏元素，如上所述

$(document).ready(function() {
    $(".hideme").hide();
});

当页面最初加载时，HIde表单元素

1 个答案: