Question

你好吗？

这是我想要做的事情：

我想在textarea中添加用户键入的每个数字，然后使用javascript <input>字段将自动将其全部加起来并显示总数。因此，一旦我单击save.php中的Make Voucher提交按钮，<input>字段内计算的总和将被包含在将插入数据库的变量中。

Cash Voucher

在上图中，您可以看到金额列，其下方有一个textarea，用户可以在其中添加要添加的数字。 [见图1]然后，无论用户输入的数字是什么，都将自动计算出来并显示在总金额 [见图2]

正如你所看到的，一切正常。在图2中，我使用了<div>标记，该标记将保存用户在图1中的textare中插入的值的总和（或总和）。button名为制作凭证< / strong>通过触发javascript来添加插入的值并检索总计并将其传递到Total Amount Due标题旁边的<div>标记上。

See JSfiddle请注意，此代码与我的浏览器完美配合。

这是我获取插入到textarea中的值的总和（或总和）的方式，所以当表单调用save.php中的操作时，我可以通过{{1}将总计1170传递给数据库通过这个。

Insert statement

但我发现很难这样做。为什么？因为我担心的是：

1.我无法将总和1170传递给$total = $_POST['totalAmount'];简单，因为它不在输入字段中，因为我已经说过javascript仅使用$total标记显示添加的（或总和）。 2.在获得总和之前，您必须先点击<div>按钮。

因此，为了能够将此Make Voucher添加到INSERT statement格式，必须将<div id="res"></div>格式中检索的总值添加到<input>字段中。我试过这样做： <input type="text" name="total" onKeyUp="calc()">但我仍然无法在save.php中将值1170发布到$ total。

我担心的是：

有什么方法可以将textarea值的总和放在输入字段中而不是使用<div>标记？那么我能够在数据库中保存总数吗？或者我的代码根本没有组织？

Answer 1

Here is JSFIDDLE

首先，您必须将onDomReady更改为No wrap-in <body>，因为这些js脚本中的onDomReady无效。

给你的注意事项：如果你的答案比你更好，请接受，以便其他人不能在这里回答。

Answer 2

这很简单，只有一个隐藏的输入字段，假设<input type="hidden" name="hdnTotalAmout" />并将总的amout值与DIV标记一起传递给隐藏字段。然后DIV将显示总金额并使用隐藏字段值保存在服务器端的数据库中。像，

$total = $_POST['hdnTotalAmount']

谢谢。

将sumta值从textarea传递到输入字段

2 个答案: