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

Javascript 在更新PHP表时动态更新文本框。,javascript,php,jquery,codeigniter,textbox,Javascript,Php,Jquery,Codeigniter,Textbox,在PHP codeigniter中,我有一个添加销售记录的接口。我选择项目和数量并将其输入下表 底部有一个文本框,用于保存总价。因此,我需要在向表中添加记录时更新文本框。如何做到这一点?PHP无法在键入内容时动态更新内容。您必须提交表单,然后用PHP计算总数,并在新页面上返回结果。如果您想在进行更改时更新总计,而不必提交表单并等待加载新页面,则需要使用Javascript。您可以使用异步Javascript(AJAX)对表或页面进行动态更改。请参见Ajax和PHP支持的MySQL表格编辑器/查看

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


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

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

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

您可以使用

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

附属于。。。。刷新纪录


->调用函数cal price

您不能直接从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");
});

你能展示你的代码吗?欢迎加入Stack系列。请阅读好问题如果你使用ajax呢?实际上代码太长,无法添加到这里。我从数据库表中获取信息,并将其添加到界面中的表中。然后我需要将该表中一列的总和动态设置为一个文本框。我没有使用ajax。有没有与这件事相关的例子?@Caugau谢谢你的回答。对于这种情况,有没有已知的脚本?我是新来的,请帮忙。