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

Question

我使用 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;  

问题是下拉菜单显示时的大小。即使我将 Country Combo Box 和 State Combo Box 设置为相同大小，但 State Combo Box 在屏幕上显示时会更短。这发生在 Internet Explorer 中。Chrome 正确呈现。

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

Answer 1

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

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

或者

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