用Javascript隐藏和显示下拉列表

Question

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

在页面加载，我有以下的代码隐藏控制：

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的行为是这样的？

Answer 1

如果您正在使用的DevExpress控件，建议以下方法订阅事件：

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

或

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