当Visible属性设置为false使用JavaScript删除空 [英] Remove empty space when visible property is set to false using JavaScript

问题描述

我有一个DropDownList，当其选择的值发生变化（例如：0）我需要设置面板​​为True，另一个小组为False Visible属性的Visible属性。

。

和选择其他值时，我需要做的，反之亦然使用Javascript。

目前，我正在实现这一目标，但空间保持原样。我怎样才能删除空格也。

谁能帮助我？

我附加了code也。

 函数可见（VAL）{    变种的ddl =的document.getElementById（ddl_IDProof）;
    VAR selectedFilterType = drpFilterType.options [ddl.selectedIndex] .value的;    如果（selectedFilterType ==0）{        。的document.getElementById（pnl1）style.visibility =看得见;
        。的document.getElementById（pnl2）style.visibility =隐藏;
    }    其他{
        。的document.getElementById（pnl1）style.visibility =隐藏;
        。的document.getElementById（pnl2）style.visibility =看得见;
    }
}
 

解决方案

使用显示而不是能见度。
这将隐藏整个元素：

  //显示pnl1（也许你不得不使用块的inline或inline-block的insdead）
    。的document.getElementById（pnl1）的style.display =块;
    //隐藏pnl2
    。的document.getElementById（pnl2）的style.display =无;
 

I'm having a DropdownList and when its Selected Value is changed (for ex: 0 ) I need to set the visible property of a Panel to True and the visible property of another Panel to False.

and when another Value is selected I need to do Vice Versa Using JAVASCRIPT.

I'm currently achieving this but the space remains as it is. How can i remove the spaces also.

can anyone help me??

I'm attaching the code also.

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

解决方案

Use display instead of visibility. This will hide the entire element:

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

这篇关于当Visible属性设置为false使用JavaScript删除空的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！