首先,抱歉,如果这是重复的,或者已经解释过了。我已经读了至少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"
检查小提琴