[問題] 利用select form更改div內容

[a83294 (馬岱)]

如右圖                             ＿＿＿＿＿＿
網站上有個select                 ｜＿＿＿＿＿＿｜Ｖ｜
選擇屬性
下面是列表div ul                  小火龍
                                  噴火龍
                                  鴨嘴火龍

功能希望依照select選擇的屬性
更改下面出現的神奇寶貝列表..
換到水屬性就變成傑尼龜這樣

我看大部份的教學都是將全部的神奇寶貝寫上去在hide
然後用$().change hide show 更改顯示的部分
想請問有沒有更好的寫法...不然神奇寶貝全部key上去很讓人崩潰..
謝謝！

ps.網站本身用ror技術

--

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.121.147.12
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1408015251.A.714.html
→ mars90226: 可以在選下去時用ajax跟server要資料
推 Ayukawayen: 不想hide可以動態createElement/removeChild，列數固
→ Ayukawayen: 定的話可以改innerHTML(及attribute, 如果有需要的話)
→ Ayukawayen: 但....還是要把神奇寶貝key在JS程式碼
→ Ayukawayen: 如果你已經建好資料庫 有API 就可以用ajax去拿
推 alog: 你需要的是做好資料庫
→ bbcust: 我怎麼覺得應該是先學好ror
→ bbcust: 神奇寶貝的資料應該是撈出來show而不是手key的