作者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/cn.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