Question

我有一个输入按钮，需要在页面加载时自动点击。我有以下输入按钮代码：

<form enctype="multipart/form-data" name="cart" action="cart.php#order_statistics" method="POST">               
   <table id="order_statistics">
      echo '<td><button type="submit" id="refreshCart" style="border: none; background: none; cursor: pointer;" name="clicked" value="Update Order"><img src="images/refresh.png" alt="Refresh Image"/></button></td>';
   </table>
</form>

我尝试了其他几种方法，但无济于事。当我尝试其他方法时，我使用的脚本会自动按下按钮，但页面会不断刷新，并且会不断循环刷新。

我不知道是否可能是因为表格标签中的操作？

任何帮助都将不胜感激。

我的页面（cart.php）代码可以找到here

Answer 1

将表单更改为

<form enctype="multipart/form-data" name="cart" action="cart.php#order_statistics" method="POST">               
   <table id="order_statistics">
      echo '<td><button id="refreshCart" style="border: none; background: none; cursor: pointer;" name="clicked" value="Update Order"><img src="images/refresh.png" alt="Refresh Image"/></button></td>';
      echo '<td><button type="submit" style="border: none; background: none; cursor: pointer;" name="clicked" value="Place order Order"><img src="images/Place order.png" alt="Place order Image"/></button></td>';
   </table>
</form>

将此命令添加到您的脚本中。

$("#refreshCart").trigger("click");

查看trigger()功能。

Answer 2

使用jQuery：

$(window).load(function() {
    $('#refreshCart').click();
});

或原生JavaScript：

window.onload = function() {
  document.getElementById('refreshCart').click();
};

为了避免无限循环你做了评论，你需要通过AJAX request改变提交：

$(window).load(function() {
    $.ajax({
        url: "/your_form.php",
        type: "post",
        data: your_data
    });
});

Answer 3

我相信您要做的是点击按钮提交表单，因此，我建议您以编程方式提交表单。

方法1：

document.cart.submit();

方法2：为您的表单提供ID，然后

document.getElementById('giveSomeIdToForm').submit();

此外，要以编程方式单击按钮，

document.getElementById('refreshCart').click();

JS加载页面时强制单击输入按钮

3 个答案: