[問題] 連動式選單製作

作者: yorock (Remix)   2016-02-15 21:49:52
需要在訂購表單裡置入三層連動選單
參考了郵政區碼的做法,是順利寫出來了
但又有個困擾我的問題是
希望選完三個選單後能夠show出對應的金額
EX:
select A有3個option, a1 a2 a3
select B有2個option, b1 b2
select C有3個option, c1 c2 c3
選擇a1時,select B只出現b1, select C出現c1 c3, 於下方空白處顯示金額100元
選擇a2時,select B出現b1 b2, select C出現c1 c2 c3, 顯示金額200元
請問大家處理這種有選單又有變數的情況時
都是用哪種方法呢?
原本想試著用javascript或angular等前端處理就好
但一直卡住,亦或是需要用到php呢?
作者: JohnYaEPen (醬也一篇)   2016-02-15 21:58:00
js即可卡住的點是?
作者: GoalBased (Artificail Intelligence)   2016-02-15 22:14:00
用 if 這個關鍵字
作者: lostnorth (北風)   2016-02-15 23:23:00
作者: ckw (要暱稱作啥)   2016-02-15 23:25:00
jquery還蠻好寫的 https://jsfiddle.net/nL96mhc4/2/糟糕空字串沒判斷好,算了,修改後網址也要變
作者: lostnorth (北風)   2016-02-15 23:30:00
看不出例子規律,但大概是這樣吧,要取得值也不是問題b.addEventListener 中沒有再次做判斷,請跟 a.addEventListener 做比較看差別在哪~
作者: vi000246 (Vi)   2016-02-16 13:30:00
作者: ckw (要暱稱作啥)   2016-02-16 21:22:00
你應該是沒有看懂吧,不然還問這個實在有點怪。簡單說就是在3個select上面都掛上事件的監聽,每個選單被改變時都去檢查a,b,c三個選單當時的值,就知道金額該給多少了
作者: lostnorth (北風)   2016-02-16 23:11:00
同樓上,只是給的例子的一點變化而已

Links booklink

Contact Us: admin [ a t ] ucptt.com