2013-07-10 42 views
0

我有一個下拉-列表調用 「changeForm()」 上的onChange-事件:IE不顯示圖像的onsubmit

<script type="text/javascript" language="javascript"> 
    function changeForm() { 
     document.getElementById('progressCircle').hidden = false; 
     document.getElementById('ticketform').submit(); 

    } 

這將顯示一個通常隱藏IMG-對象(progressCircle)和之後直接提交表格。

現在這在Chrome中運行得很好,但IE似乎並不關心圖像。它保持隱藏狀態,而submit()仍然被執行。

任何更好的Ideo如何解決?

(這是一個MVC頁的一部分,如果這個問題不)

有在瀏覽器控制檯中沒有錯誤

回答

3

我會嘗試以此來顯示,而不是圖像:

document.getElementById("progressCircle").style.display = "block"; 
document.getElementById('ticketform').submit(); 

您可以設置默認狀態在你的CSS像這樣:

#progressCircle { 
    display: none; 
} 
0

這將是一個更簡單的解決

document.getElementById('ticketform').onsubmit = function() { 
    document.body.className += ' loading'; 
}; 


body.loading #progressCircle{ 
    display:block; 
} 

當提交表單添加類「加載」到身體

在CSS當身體有類加載顯示progressCircle