[問題] 連動式選單製作

看板Web_Design作者 (Remix)時間8年前 (2016/02/15 21:49), 8年前編輯推噓3(3011)
留言14則, 5人參與, 最新討論串1/1
需要在訂購表單裡置入三層連動選單 參考了郵政區碼的做法,是順利寫出來了 但又有個困擾我的問題是 希望選完三個選單後能夠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://www.ptt.cc/bbs/Web_Design/M.1455544195.A.FFF.html

02/15 21:58, , 1F
js即可
02/15 21:58, 1F

02/15 22:00, , 2F
卡住的點是?
02/15 22:00, 2F
http://codepen.io/mgiulio/pen/OMwPJa 以這個例子為例 要如何取得第二及第三選項的值呢?

02/15 22:14, , 3F
用 if 這個關鍵字
02/15 22:14, 3F
※ 編輯: yorock (36.225.16.162), 02/15/2016 22:59:04

02/15 23:23, , 4F

02/15 23:25, , 5F
jquery還蠻好寫的 https://jsfiddle.net/nL96mhc4/2/
02/15 23:25, 5F

02/15 23:28, , 6F
糟糕空字串沒判斷好,算了,修改後網址也要變
02/15 23:28, 6F

02/15 23:30, , 7F
看不出例子規律,但大概是這樣吧,要取得值也不是問題
02/15 23:30, 7F
請問如果想再進一步判斷呢?如 a2 b2只show c2. 我試著加入判斷式a.value==="a2" && b.value==="b2",但好像不行 ※ 編輯: yorock (60.248.97.178), 02/16/2016 11:18:05

02/16 13:19, , 8F
b.addEventListener 中沒有再次做判斷,請跟 a.addEven
02/16 13:19, 8F

02/16 13:19, , 9F
tListener 做比較看差別在哪~
02/16 13:19, 9F

02/16 13:30, , 10F
02/16 13:30, 10F
謝謝各位的幫忙,順利寫出來了! 想再請問一個問題 如果a1 b1 c1 金額為100元,a1 b1 c3金額則變成300元 這部分又該如何執行呢? ※ 編輯: yorock (36.225.16.162), 02/16/2016 20:50:09

02/16 21:22, , 11F
你應該是沒有看懂吧,不然還問這個實在有點怪。簡單說就是在
02/16 21:22, 11F

02/16 21:22, , 12F
3個select上面都掛上事件的監聽,每個選單被改變時都去檢查
02/16 21:22, 12F

02/16 21:23, , 13F
a,b,c三個選單當時的值,就知道金額該給多少了
02/16 21:23, 13F

02/16 23:11, , 14F
同樓上,只是給的例子的一點變化而已
02/16 23:11, 14F
研究了一下發現自己一直在鬼打牆 已經解決了,謝謝樓上的各位!!! ※ 編輯: yorock (36.225.16.162), 02/17/2016 20:06:21
文章代碼(AID): #1MmTU3__ (Web_Design)