使用 JavaScript 将可见属性设置为 false 时删除空格答案

【问题标题】：Remove empty space when visible property is set to false using JavaScript使用 JavaScript 将可见属性设置为 false 时删除空格
【发布时间】：2012-08-13 19:26:41
【问题描述】：

我有一个 DropdownList，当它的 Selected Value 发生变化时（例如： 0 ），我需要将一个 Panel 的 visible 属性设置为 True ，将另一个 Panel 的 visible 属性设置为 False。

以及选择另一个值时，我需要使用JavaScript反之亦然。

我目前正在实现这一点，但空间保持不变。我如何也可以删除空格。

谁能帮帮我？？

我也附上代码。

function visible(val) {

    var ddl = document.getElementById("ddl_IDProof");
    var selectedFilterType = drpFilterType.options[ddl.selectedIndex].value;

    if (selectedFilterType == "0") {

        document.getElementById("pnl1").style.visibility = "visible";
        document.getElementById("pnl2").style.visibility = "hidden";
    }

    else {
        document.getElementById("pnl1").style.visibility = "hidden";
        document.getElementById("pnl2").style.visibility = "visible";
    }  
}

【问题讨论】：

标签： c# javascript asp.net html

【解决方案1】：

使用display 代替visibility。这将隐藏整个元素：

    // Show pnl1 (maybe you have to use inline or inline-block insdead of block)
    document.getElementById("pnl1").style.display = "block";
    // Hide pnl2
    document.getElementById("pnl2").style.display = "none";

【讨论】：

如何将“pnl1”的显示设置为默认不显示？？
内联样式 <div id="pnl1" style="display:none"> 或 CSS #pnl1 { display:none} 或 JS Onload
style="display:none" 不起作用。如果我使用它，则 pnl1 将永久不显示。我需要使用上面的函数再次显示
如果我使用它，当用于文本框时，Ajax RequiredFieldValidator 会阻止我 text not Entered。你能帮帮我吗？
@KrishnaThota 因为这是一个新问题，你应该打开一个关于 Ajax RequiredFieldValidator 的新问题