使用Javascript隐藏和显示下拉列表

时间:2013-01-18 19:59:05

标签: javascript internet-explorer internet-explorer-9 devexpress

我使用javascript来隐藏和显示dev express组合框控件。

在页面加载中,我有以下代码来隐藏控件:

window.onload = function() { 
    document.getElementById('StateDropDown').style.display = 'none';
}

当国家/地区设为美国时,我会向美国国家/地区展示组合框。

if(s.GetText() == 'UNITED STATES') {
    document.getElementById('StateTextBox').style.display = 'none';
    document.getElementById('StateDropDown').style.display = 'block';
}
else {
    document.getElementById('StateDropDown').style.display = 'none';
    document.getElementById('StateTextBox').style.display = 'block';
}
e.processOnServer = false;  

问题是显示时下拉的大小。 即使我将国家组合框和状态组合框设置为相同的大小,状态组合框在屏幕上显示时会更短。这在Internet Explorer中发生。 Chrome呈现正确。

任何人都知道IE为什么会这样?

1 个答案:

答案 0 :(得分:0)

如果您使用的是DevExpress控件,建议使用以下方法订阅事件:

window.addEventListener("load", function() {}); 

ASPxClientUtils.AttachEventToElement("load", function() {});