0

onChange-Event で「changeForm()」を呼び出すドロップダウン リストを取得しました。

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

   }

これにより、通常は非表示の IMG オブジェクト (progressCircle) が表示され、直後にフォームが送信されます。

これは Chrome では問題なく動作しますが、IE は画像を気にしていないようです。submit() がまだ実行されている間、非表示のままになります。

それを解決するためのより良いアイデアはありますか？

(これは、MVC-Page の一部です。それが重要な場合)

ブラウザのコンソールにエラーはありません

4

2 に答える 2

3

代わりにこれを使用して画像を表示してみます。

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

次のように、CSS でデフォルトの状態を設定できます。

#progressCircle {
    display: none;
}
于 2013-07-10T12:58:20.577 に答える
0

これはより簡単な解決策でしょうか？

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


body.loading #progressCircle{
   display:block;
}

フォームが送信されたら、クラス「loading」を本文に追加します

本体にクラスの読み込みがある場合の CSS では、progressCircle

于 2013-07-10T13:01:09.087 に答える