Question

我在onChange-Event上有一个调用“changeForm（）”的Dropdown-List：

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

   }

这会显示一个正常隐藏的IMG对象（progressCircle）并在之后直接提交表单。

现在这在Chrome中工作得很好，但IE似乎并不关心图像。它保持隐藏状态，而submit（）仍然执行。

任何更好的Ideo如何解决？

（这是MVC-Page的一部分，如果这很重要的话）

浏览器控制台中没有错误

Answer 1

我会尝试使用它来显示图像：

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

您可以在CSS中设置默认状态，如下所示：

#progressCircle {
    display: none;
}

Answer 2

这会是一个更简单的解决方案吗？

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


body.loading #progressCircle{
   display:block;
}

提交表单时，将“加载”类添加到正文

在CSS中，当主体具有类加载时显示progressCircle

IE不显示Image onSubmit

2 个答案: