可以't将提交按钮替换为JQuery

Can't replace submit button with JQuery

本文关键字：按钮 替换 JQuery 提交 可以      更新时间：2023-09-26

我正在尝试使用JQuery进行我的第一次测试，这似乎比我预期的要困难。我有一个简单的表单，调用一些长操作。我想要的是在加载过程中显示进度条。在下面的代码中，我试图在用户提交表单时将提交按钮替换为进度条。下一个需要时间加载的页面，他会看到一个很好的动画，让他等待。

<html>
  <head>
    <title>Test form</title>
  </head>
  <body>
    <form id="myCuteLittleForm"><input type="submit" id="submit"/></form> 
    <br />
    <script src="http://code.jquery.com/jquery-1.9.1.js">
      $(document).ready(function() {
        $('#myCuteLittleForm').submit(function() {
          $("#submit").replaceWith('<progress value="" max="">Import en cours.</progress>');
        });
      });
    </script>
  </body>
</html>

然而，令我非常难过的是，它不起作用。我只是做了一个糟糕的jquery，还是有根本的不理解？

在其他脚本标记中执行：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
      $('#myCuteLittleForm').submit(function() {
          $("#submit").replaceWith('<progress value="" max="">Import en cours.</progress>');
      });
  };
</script>
相关文章：