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

Question

我有一个下拉列表，当它的选定值改变时（例如：0），我需要将一个面板的可见属性设置为True，将另一个面板的可见属性设置为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";
    }  
}

- Krishna Thota

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

- jantimon

---

如何将“pnl1”的显示默认设置为无？ - Krishna Thota

内联样式 <div id="pnl1" style="display:none"> 或 CSS #pnl1 { display:none} 或 JS Onload - jantimon

style="display:none" 不起作用。如果我使用它，pnl1 将永久不会显示。我需要使用上述函数再次显示。 - Krishna Thota

如果我使用这个，Ajax RequiredFieldValidator 在文本框中使用时会阻止我输入文本。你能帮我吗？ - Krishna Thota

@KrishnaThota 由于这是一个新问题，您应该就Ajax RequiredFieldValidator打开一个新问题。 - jantimon