JQuery var to form POST for PHP


JQuery var to form POST for PHP

首先,抱歉,如果这是重复的,或者已经解释过了。我已经读了至少15个我认为与我的相似的主题,但我还没有成功地使它起作用。

我目前有一个形式是action="submit.php"。该表单是一个订单表单(请参阅文章底部的Jfiddle链接)。在submit.php我正在制作所有$_POST值的数组。效果很好。现在的问题是:

在论坛页面(用户输入的地方),我有以下计算总数的JQuery脚本。总计有3种类型(所有这些在JFiddle中都很清楚)。第三个total,称为"overallTotal",取所有"grandTotal"的和,现在放入#overallTotal ID。我需要将该数字包含在表单提交中(即,可以通过$_POST访问)。

提前感谢,如果这是重复,再次抱歉。

JSFiddle: http://jsfiddle.net/rc694dzL/

    function oninput(e) {
        // process this row first
        var row = $(e.target).closest("tr");
        // explicitly cast to a number
        var quantity = +$(e.target).val();
        var price = +row.find(".val1").text();
        var output = row.find(".multTotal");
        var total = price * quantity;
        output.text(total);
        // now calculate total
        var subtotal = 0;
        var table = $(e.delegateTarget);
        table.find(".multTotal").each(function () {
            subtotal += (+$(this).text());
        });
        table.find(".grandTotal").text(subtotal);
        // now calculate overall total
        var overallTotal = 0;
        $(document).find(".grandTotal").each(function () {
            overallTotal += (+$(this).text());
        });
        $('#overallTotal').text(overallTotal);

在表单中添加如下的隐藏输入

<input type="hidden" name="overallTotal" id="overallTotalInput">

并像这样设置javascript中的值

$('#overallTotalInput').val(overallTotal);

现在提交表单时,该值将存储到$_POST['overallTotal']

在表单中添加一些隐藏字段,然后用jquery填充值。

编辑:调整你的小提琴现在与一个例子:http://jsfiddle.net/dozecnp6/1/

1)在表单中添加隐藏输入:

<input type="hidden" name="OverallTotal" id="overallTotalField">

2)为oninput()功能添加了一点:

$('#overallTotalField').val(overallTotal);

在这里我可以使用type="text",你也可以把它改成type="hidden"

检查小提琴