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

作者: a83294 (馬岱)   2014-08-14 19:20:48
如右圖 ______
網站上有個select |______|V|
選擇屬性
下面是列表div ul 小火龍
噴火龍
鴨嘴火龍
功能希望依照select選擇的屬性
更改下面出現的神奇寶貝列表..
換到水屬性就變成傑尼龜這樣
我看大部份的教學都是將全部的神奇寶貝寫上去在hide
然後用$().change hide show 更改顯示的部分
想請問有沒有更好的寫法...不然神奇寶貝全部key上去很讓人崩潰..
謝謝!
ps.網站本身用ror技術
作者: mars90226 (火星人)   2014-08-14 19:45:00
可以在選下去時用ajax跟server要資料
作者: Ayukawayen (亞布里艾爾發芽>//<)   2014-08-14 19:54:00
不想hide可以動態createElement/removeChild,列數固定的話可以改innerHTML(及attribute, 如果有需要的話)但....還是要把神奇寶貝key在JS程式碼如果你已經建好資料庫 有API 就可以用ajax去拿
作者: alog (A肉哥)   2014-08-14 20:02:00
你需要的是做好資料庫
作者: bbcust (bbcust)   2014-08-18 14:36:00
我怎麼覺得應該是先學好ror神奇寶貝的資料應該是撈出來show而不是手key的

Links booklink

Contact Us: admin [ a t ] ucptt.com