用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() {});