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

我使用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为什么会这样吗？

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

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

或

---

您正在使用兼容性视图吗？是的，它是兼容性视图。我把它改成了IE9，它成功了。谢谢

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