JS强制输入按钮在页面加载时被点击

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

<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

来源

2016-11-29 Broadbiz

您是否尝试过插入功能在$（document）.ready？这样当用户结束该表单时，它会自动触发该功能？ –

改变你的形式

<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()函数。

来源

2016-11-29 13:38:41

嗨，谢谢你的评论。我已经尝试过，但是页面只是在无尽的循环中一遍又一遍地刷新自己。您想让我为您发布整个页面吗？ – Broadbiz

从您的按钮中删除_type =“submit”_它将提交表单作为提交按钮。 –

我刚试过这个，它仍然只是在无尽的循环中保持清爽。如果你愿意，我可以发布代码吗？ – Broadbiz

使用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 
    }); 
});

来源

2016-11-29 13:42:50

嗨，谢谢你的评论。使用您的代码时，我遇到了与我尝试Vikram Sangat在下面发布的代码时相同的问题。该页面最终会在无尽的循环中一遍又一遍地刷新自己。您想让我为您发布整个页面吗？ – Broadbiz

我在答案中提供了更多信息。 –

我相信你想要做的是通过点击按钮提交你的表格，所以我建议你以此编程方式提交表单。

Approach1：

document.cart.submit();

Approach2：给一个编号，以你的表格，然后

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

此外，以编程方式按一下按钮，

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

来源

2016-11-29 13:50:04

嗨，感谢您的评论。然而，这与上面的问题相同。购物车只是在无尽的循环中保持清爽。你想我粘贴我的整个页面代码吗？ – Broadbiz

这可能是因为。您插入此代码的页面恰好是cart.php。因此，无论何时提交表单，它都会在action属性中找到url，这会再次以编程方式提交表单，并导致无限循环。我对吗？ –

是的，我认为这是正确的。表单的“动作”与cart.php – Broadbiz

JS强制输入按钮在页面加载时被点击

回答

相关问题