Re: [問題] 二個選單的選取
※ 引述《OpenGoodHate (你今天開好恨了嗎)》之銘言:
: 目前頁面有二個選單
: 要做互相選取
: ________ ______
: |丁丁 | 全選 | |
: |小波 | ===> | |
: |迪西 | <=== | |
: |拉拉 | 復原 | |
: -------- ------
: 確定
: 丁丁、小波、迪西是從資料庫中抓出來的資料
: 點選完丁丁之後按==>的時後要即時變到右邊選單(左邊選單的丁丁就不見了)
: 反之到右邊之後點選完後按<==要回左邊選單
: 接著選取完成之後要把右邊框內所有資料寫進資料庫
: 以前沒有寫過JavaScript
: 目前拿了本書在看
: 但是都沒有看到類似範例
: 附註
: 我是用PHP處理資料庫的部份
網路上應該有現成元件啦,不過我還是自己寫了一個來玩,
主要是MULTIPLE的select搭配JS來做對應的處理。
我寫了一個js處理端的sample (腦袋有點昏 , 寫起來可能略嫌複雜 :P)
http://tony1223.no-ip.info/ptt/menuselect.html
前端的資料請自己填在leftselect的options裡,
裡面的form的action請自行接到後端的php頁面,
並自己對資料作parse。:P
懶得實作復原了,復原就是拿一個OBJECT把上一次處理的東西存起來,
再加上一個左往右 或右往左的 flag ,
如果要做很多層復原的話,就紀錄每一步時左右的狀態吧 ~_~
(記得最後離開時要set null)
--
▄▅▆▇███▇▆▅▄▃ ╰┼╯─╮ ╮
◥███████████◣ ╰┼╯=│=│
◥██████───────◣ *. ╯ ╯ ╯ の 物 語 .*
◥███████──────◣ ~ ◢◣ ◢◣
◥██████───────◤ ◥◤* 空白的世界.翼 *◥◤
◥██▁▂▃▄▅▆▇███▆▅▄▃▂▂~telnet://tony1223.no-ip.info
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.115.77.184
討論串 (同標題文章)
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章