在更新PHP表时动态更新文本框


Update a textbox dynamically when a PHP table is updating.

在PHP代码点火器中,我有一个添加销售记录的接口。我选择项目和数量,并将其输入下表。

底部有一个文本框,用于保存总价。因此,在向表中添加记录时,我需要更新文本框。怎么做?

您不能直接从php中执行此操作,请尝试使用jquery/javascript

从jquery执行此操作的过程

在某种程度上,当输入字段的任何值发生变化时,调用一个函数,该函数将再次计算所有字段的总和

假设你有一个类似的html表格

|id|Name       |Price|
----------------------
|1 |Some name  |10   |
|2 |Some name  |20   |
|3 |Some name  |30   |
|4 |Some name  |40   |
----------------------
|  |           |100  |

以及表单中某个位置的输入字段。该输入字段的Id=包含价格的每列的"priceInputField"Class"priceValue"并且包含合计的列的Id为"totalPrice"所以你的jquery函数看起来像

$("#priceInputField").on("change",function(){
    //Some code to add the new row in the table
    var updatedPrice = 0;
    $(".priceValue").each(function(){
        updatedPrice = updatedPrice + $(this).text;
    })
    $("#totalPrice").text("updatedPrice");
});

PHP无法在您键入时动态更新内容。您必须提交表单,然后用PHP计算总数,并在新页面上返回结果。如果您想在进行更改时更新总数,而不必提交表单并等待加载新页面,则需要使用Javascript。

您可以使用异步javascript(AJAX)对表或页面进行动态更改。请参阅Ajax&PHP驱动的MySQL表编辑器/查看器/数据网格

http://www.webhostingreviewslist.com/development/top-10-ajax-php-powered-mysql-table-editor-viewer-data-grids/?wb48617274=255F1A36

您可以使用

ajax->更新数据库返回成功

appendTo。。。。显示新记录

->调用函数cal price