H初始加载页面时对表单元素进行编码

HIde form elements when page initially loads

本文关键字：元素 表单 编码 加载      更新时间：2023-09-26

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

下面是我的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";
}

为所有元素赋予class属性。

例如：如果你有一个像这样的输入元素

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

通过对所有元素使用相同的类名来隐藏元素，正如我在上面解释的

$(document).ready(function() {
    $(".hideme").hide();
});
相关文章：