使用Ajax、jQuery动态构建表单

我正在用PHP/mySQL/CodeIgniter/jQuery构建一个非常小的web ERP应用程序
账单/发票是用

current date
client data
etc

现在，我必须将产品添加到正在创建的新发票中，而无需重新加载/提交页面。每种产品都有其数量、说明、单价、小计等

我想使用Ajax/jQuery添加每个产品“行”

• 我应该如何动态构建产品表单？我的意思是，允许用户使用Ajax添加新的产品行，或者从发票中删除产品行
• 如何将表单中所有动态添加的“行”相加，以获得发票总额
• 我应该如何接收和处理所有post数据，以便在发票表中插入正确的发票记录，并将产品记录插入产品发票表

编辑：在这里，您可以看到我想做的工作示例

EDIT2：这个jQuery插件似乎就是我想要的

---

基本上，当用户不断添加新数据行时，您必须动态地将表单元素添加到DOM中。我相信jquery在使用标准API访问/修改DOM节点方面会有很大帮助

要对数字进行求和，必须使用特殊的钩子（如

34

）包装数字字段，其中

x

是一个计数器。在每次添加此类新数据后，迭代此类

span

元素，求和这些值，并将它们显示在类似

$（“#sumtotal”）的字段中。innerHTML=sum

对表单进行动态更新后，当用户单击submit按钮时，所有表单数据都将作为正常的post数据发送到服务器。对于要在服务器中处理并更新某些数据库表的数据字段，必须使用适当的
name
和
id
属性。
由于您使用的是jQuery，我将使用jQuery网格插件来实现产品行部分


它具有高度的可配置性和灵活性，您可以使用Ajax手动或自动填充行（它可以通过一个简单的PHP后端直接从MySQL表中读取），并且您拥有迭代所有行以将结果发布到服务器、进行分页的所有设施（如果您需要很多行，我们已经成功地将其用于15000多行）并执行添加和其他操作

希望有帮助！
也许你可以去看看，感受一下：）这就是我想做的。。。这个网格看起来棒极了。然而，我找不到显示空网格的方法，所以用户开始向网格中添加产品（发票）。。。有线索吗？这就是我想做的。。。检查“新建项目”按钮。。。这就是我想做的。。检查“新建项目”按钮。。。