javascript - IE 在提交时不显示图像

Question

我有一个下拉列表，在 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() 仍然被执行。

任何更好的Ideo如何解决这个问题？

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

浏览器控制台中没有错误

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 中，当 body 有类加载时显示progressCircle