Скрытие и отображение раскрывающегося списка с помощью Javascript

Question

Я использую javascript, чтобы скрыть и показать элемент управления dev express combo box.

На странице загрузки у меня есть следующий код, чтобы скрыть элемент управления:

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. Хром рендерит правильно.

Кто-нибудь знает, почему IE ведет себя так?

Answer 1

Если вы используете элементы управления DevExpress, предложите следующий подход подписаться на события:

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

или же

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