台灣最大程式設計社群網站
線上人數
1524
 
會員總數:246631
討論主題:190057
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> 如果送出表單資料後動態增加在下方,最後完成再儲存?
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
如果送出表單資料後動態增加在下方,最後完成再儲存?
價值 : 50 QP  點閱數:2663 回應數:5
樓主

maxmas
初學者
110 34
816 84
發送站內信

假設一個表單有六個欄位,送出時動態增加在下方表列,當一筆一筆建完後,按儲存時再送出表列在下方的所有筆數資料,
表單如下方範例



上方表單是要建立資料的,上面填完後,按建立,該表單資料就會動態跑到下面增加一筆,
最後...例如建了四筆資料,下方就會列出四筆資料,然後按儲存時,再一次送出所有建立的資料,
因此下方欄位名稱我是定義為陣列的方式,儲存每筆資料,但是我不知道怎麼動態把表單資料,
動態加入到下方去,一筆一筆動態增加,請對Javascript與jQuery熟悉的朋友們能幫幫忙,
感恩...謝謝!!





搜尋相關Tags的文章: [ 動態增加 ] , [ Javascript ] ,
本篇文章發表於2014-11-15 01:22
1樓
回應

香帥
檢舉此回應
程式碼如下請參考
本篇文章回覆於2014-11-15 02:28
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

maxmas
檢舉此回應
感謝香帥出馬,不過香帥的動作只是把上方表單內容帶入下方表單內,下方的欄位是固定的,
並無法一筆一筆增加,不知道是否沒注意到我下方的說明

我的意思是上方表單送出後,下方表單會用像是DOM add element的方式,在下方建立一筆表單資料,
然後上方表單內容清空讓USER續建資料..... 也可說是把上面的表單元件與內容,每建一筆便複製到下方一次,
所以下面欄位我才會用A1[],A2[]的Array方式儲存每筆資料

待USER建立完後,下方表列可能已有五筆資料,最後USER按下方儲存,就會把表單內的Array欄位以Array方式送出,
後面程式再將資料存入資料表內

另外下面建立的暫存表單,若某筆建立錯,能動態刪除(移除該列表單元件),其它繼續留著,
這個DOM的處理方式我也不懂呢

本篇文章回覆於2014-11-18 11:29
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

maxmas
檢舉此回應
底下是一個DEMO, 可以動態增加欄位, 但是每增加新的一列欄位, 所有其它欄位的內容都會被清空,
如何保留舊有的每列資料, 然後帶入新的資料列在下方, 這就是我不會處理的地方...

本篇文章回覆於2014-11-20 15:57
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
最有價值解答

香帥
檢舉此回應
我有幫您試
ie是ok
chrome會變成您說的錯誤
請改用以下先前幫人解答的程式碼
兩者都不會錯
本篇文章回覆於2014-11-20 22:44
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

maxmas
檢舉此回應
謝謝香帥...
我就用你提供的方法修改我的表單!!
本篇文章回覆於2014-11-27 11:10
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.