javascript - div onclick 表单未在 javascript 中提交

Question

我有一个表格如下:

<form action="saveorderdetails.php" id="submitForm" name="formsubmit" method="post">
    <input type="hidden" id="ordertabledetailshidid" name="ordertabledetailshid">
    <input type="hidden" id="datedetailshidid" name="datedetailshid">
    <input type="hidden" id="customerdetailshidid" name="customerdetailshid">
</form>

我有一个 div 如下:在那个 div 中，我有一个 onclick() ，用于提交表单。

<a href=""><div class="icon_boundary2" onclick="btn_save_click();"><i class="fa fa-check" style="font-size:20px;padding:4px 0px 5px 5px; color:#7298CD;"></div></a>

我的javascript函数如下:

function btn_save_click(){
    document.getElementById("submitForm").submit();
}

但是页面没有被提交。相反，它正在重新加载。我已经尝试了所有替代方案，例如:

document.getElementById("submitForm").submit();

但它们都不起作用!!

Answer 1

只需删除 anchor 标记。它应该是这样的:

<div class="icon_boundary2" onclick="btn_save_click();"><i class="fa fa-check" style="font-size:20px;padding:4px 0px 5px 5px; color:#7298CD;"></div>