建立一個動態的形式使用Ajax，jQuery的

Question

我建立一個非常小的Web應用ERP與PHP/MySQL的/笨/ jQuery的
比爾/發票是建立與

current date 
client data 
etc 

現在，我必須補充產品發送到正在創建的新發票，而無需重新加載/提交頁面。每個產品都有其qty。，說明，單價，小計等。

我想使用Ajax/jQuery添加每個產品「行」。

• 我該如何動態構建產品表單？我的意思是，允許用戶使用Ajax添加新產品行或從發票中刪除產品行？
• 如何總結表格中所有動態添加的「行」，以獲取發票總額？
• 我應該如何接收和處理所有的發佈數據，以便我可以在發票表中插入正確的發票記錄並將產品記錄插入到products_invoices表中？

編輯：在這裏你可以看到我想要做
http://www.bambooinvoice.org/index.php/invoices/newinvoice

EDIT2工作的例子：這個jQuery插件似乎正是我一直在尋找
http://code.google.com/p/jquery-dynamic-form/

Answer 1

基本上，當用戶不斷添加新數據行時，您必須將表單元素動態添加到DOM中。我相信jquery在使用標準apis訪問/修改DOM節點方面會有很多幫助。

爲了總結數字，你必須用特殊的鉤子來包裝數字域，如<span id="value_x">34</span>，其中x是一個計數器。每次加入這樣的新數據之後，迭代通過這樣span元件和求和值，並在一個場像$("#sumtotal").innerHTML = sum;

的動態更新的形式後，當用戶點擊提交按鈕顯示它們，所有形式的數據將以普通發佈數據的身份前往服務器。您必須使用適當的name和id屬性來處理要在服務器中處理的數據字段並更新某個數據庫表。

Answer 2

因爲您使用的是jQuery，我會使用jQuery Grid插件來實現產品行部分。

http://www.trirand.com/blog/

它的高度可配置的，靈活的，你可以使用Ajax來填充手動或自動行（它可以直接從MySQL表用一個簡單的PHP後端讀取），你都遍歷所有設施將結果發佈到服務器的行，做分頁（如果你需要很多行，我們已經成功使用了更多的15.000行），並做了其他操作的增加&。

希望它有幫助！