作者yorock (Remix)
看板Web_Design
標題[問題] 連動式選單製作
時間Mon Feb 15 21:49:52 2016
需要在訂購表單裡置入三層連動選單
參考了郵政區碼的做法，是順利寫出來了
但又有個困擾我的問題是
希望選完三個選單後能夠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呢？
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.225.16.162
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1455544195.A.FFF.html
1F：推 JohnYaEPen: js即可02/15 21:58
2F：→ JohnYaEPen: 卡住的點是?02/15 22:00
http://codepen.io/mgiulio/pen/OMwPJa
以這個例子為例
要如何取得第二及第三選項的值呢？
3F：→ GoalBased: 用 if 這個關鍵字02/15 22:14
※ 編輯: yorock (36.225.16.162), 02/15/2016 22:59:04
6F：→ ckw: 糟糕空字串沒判斷好,算了,修改後網址也要變 02/15 23:28
7F：→ lostnorth: 看不出例子規律，但大概是這樣吧，要取得值也不是問題02/15 23:30
請問如果想再進一步判斷呢？如 a2 b2只show c2. 我試著加入判斷式a.value==="a2" &&
b.value==="b2",但好像不行
※ 編輯: yorock (60.248.97.178), 02/16/2016 11:18:05
8F：→ lostnorth: b.addEventListener 中沒有再次做判斷，請跟 a.addEven 02/16 13:19
9F：→ lostnorth: tListener 做比較看差別在哪~ 02/16 13:19
謝謝各位的幫忙，順利寫出來了！
想再請問一個問題
如果a1 b1 c1 金額為100元，a1 b1 c3金額則變成300元
這部分又該如何執行呢？
※ 編輯: yorock (36.225.16.162), 02/16/2016 20:50:09
11F：推 ckw: 你應該是沒有看懂吧，不然還問這個實在有點怪。簡單說就是在 02/16 21:22
12F：→ ckw: 3個select上面都掛上事件的監聽，每個選單被改變時都去檢查 02/16 21:22
13F：→ ckw: a,b,c三個選單當時的值，就知道金額該給多少了 02/16 21:23
14F：→ lostnorth: 同樓上，只是給的例子的一點變化而已 02/16 23:11
研究了一下發現自己一直在鬼打牆
已經解決了，謝謝樓上的各位！！！
※ 編輯: yorock (36.225.16.162), 02/17/2016 20:06:21