各位前輩大家好!
小弟我這幾天碰到了一個難題,一直沒辦法實行。
這個難題的構想是:
假設有一個班級學生的填寫網頁,網頁內有一張表格,這張表格共有10列,
每一列代表一位學生(EX:第一列學生一,第二列學生二....),而每一列中有一個按鈕。
只要按這個按鈕,就會打開一個小視窗(jQuery Dialog),所以總共會有十個Dialog,
而每一個Dialog都共同的擁有一些可輸入的輸入框(EX:姓名、學號、住址....等等),
例如我點選第一列的按鈕,跳出小頁面後,輸入完學生的基本資料,輸入完並關閉後,
第一列就會顯示我剛剛所輸入的資料,接著我可以接下去的輸入其他學生資料。
但這幾天我試了很久,試來試去反倒出現幾個問題:
1.例如第一列要怎麼與第一列的小頁面?(EX:點第一列按鈕出現A小頁面、第二列按鈕出現B小頁面,且互不干擾)
2.小頁面的資料如何存置陣列?
(EX:第一列學生資料的姓名:王小明、學號:A001、住址:台北市=>存到Array_A[]中
第二列學生資料=>存到Array_B[]中.....等等)
3.輸入完資料並送出後,一直無法取得那些資料,也無法顯示資料。
希望各位前輩提供一些寶貴的建議或方向,感恩!
評論
2. submit後, 由PHP將資料處理為Array
3. 小視窗修改的值, 按下確認後, 塞到指定的hidden Tag內
我只能再產生一個Dialog 的JS,並採取不同命名,
如第一個按鈕為id="create-user1"、第二個按鈕為id="create-user2"...
然後複製整的JS.....等等。
但這樣的話,會讓CODE整個就多到爆炸的地步.....
不敢想像如果我需要10列的效果XD
想請問是不是有甚麼方法,可以讓Dialog頁面的JS轉換為單一個物件,
不管我有幾列的按鈕,點開來的JS都是同一個JS,但輸出的資料會對應不同列。
(EX:
按鈕1=>[Dialog JS]=>資料2、
按鈕2=>[Dialog JS]=>資料2....
其中的 [Dialog JS] 只有一個。)
謝謝!
@"
純使用jQuery的範例, 每次打開編輯的小視窗, 會填入不同的資料,
按下ok, 將修改後的資料寫回指定的tag
我套用到Dialog(官網範例:http://jqueryui.com/dialog/#modal-form)後,小視窗的欄位可以取得表格預設的隱藏資料,
但不知道為甚麼,無論按哪個按鈕,都是指向第一筆的紀錄,
試了很久,依然沒辦法點第二個按鈕, 就顯示2,
我猜想是不是剛開始的 這一行的問題。
如果能解決切換數值的小缺陷,就沒有問題了XD
以下為所有code,為了方便觀察,所以將hidden的欄未改為text
將DIALOG整個簡化後,
並套上cokellen大大所提供的範例就可以了。
結束耍了好多天的笨XD
再次感謝cokellen 大大!