时间戳

首页 > 解决方案 > 使用 jquery 提交表单不起作用

javascript - 使用 jquery 提交表单不起作用

问题描述

我正在尝试使用按钮单击result_submit事件提交表单。在这里，我使用 type asbutton而不是submit.

将按钮类型从提交更改为按钮的原因： 我试图在表单提交后显示一些隐藏的 div，但使用提交功能无法实现。当我更改它 type=button 时，我可以使用 onclick 功能来做到这一点。

我在这里面临的问题是我现在没有得到任何结果。只要我将按钮类型更改回submit，它就会起作用。这里有什么建议可以解决这个问题吗？

表单html：

<form method="post" id="form_result" action="">

<----some options to select here->


    <div class="form-group">

    <button  onclick="show_result()" type="button" name="result_submit" id="result_submit"  style="display: none;margin:1%;" >Submit</button>

    </div>


</form>

查询：

function show_result() {

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

}

PHP（文件名：functions.php）：

if(isset($_POST['result_submit'])){


include_once 'dbConnection.php';

<--some codes here----->

if ($_POST['result_options'] == 'Current_Month'){   

<---some codes here----->
}
}

重要的提示：-

我的 PHP 代码在默认的 WordPressfunctions.php文件中。我为表单添加了操作，但没有工作。

还尝试将 PHP 代码从functions.php一个新文件移动。那也行不通。我认为我的其他代码有问题。

标签： javascriptjqueryhtmlwordpress

解决方案

试试这个。在 click 函数上，它将获取 form_data 并序列化表单值

    $('#result_submit').click(function () {

            var form_data = $("#form_result");
            var data = form_data.serialize();
            console.log(data );
    }

推荐阅读