用于隐藏div的Javascript代码

时间:2011-05-14 16:13:56

标签: php javascript html forms

我想制定一个保留公式,但我对javascript和ajax知之甚少。

以下是一个示例表单:http://info.airprishtina.com/content/index.php?id=20&no_cache=1&L=0

当您在左侧的在线buchen Einfachflug 时,包含返程航班目的地的div将消失。达到这种效果的最佳方法是什么?因为我看过不同的技巧,但我想知道最简单和最好的方法!

1 个答案:

答案 0 :(得分:4)

他们改变了对象的style.visibility。这样隐藏的对象仍会占用空间,因此表单不会改变大小。

替代方法是更改​​“none”和“”或“block”之间的style.display 这是我的示例http://jsfiddle.net/mplungjan/VKxFT/

以下是他们使用的实际代码

function OneOrTwoWayClick() {
    var cb = getObject('fbengine_ui_flightsearchext_ascx_MultiCity');
    if (cb != null) {
        var rb = getObject('fbengine_ui_flightsearchext_ascx_Ticket2Way');
        if (rb.checked) {
            getObject('fbengine_ui_flightsearchext_ascx_MultiCityPanel').style.visibility = 'visible';
        } else {
            getObject('fbengine_ui_flightsearchext_ascx_MultiCityPanel').style.visibility = 'hidden';
            cb.checked = false;
            OnClickedMulticity();
        }
    }

    OneOrTwoWayChk();
}