c# - 使用 JavaScript 将可见属性设置为 false 时删除空格

Question

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

and when another Value is selected I need to do Vice Versa Using 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";
    }  
}

Answer 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";