forked from RubyLouvre/mmRouter
-
Notifications
You must be signed in to change notification settings - Fork 0
/
eee.html
54 lines (52 loc) · 2.55 KB
/
eee.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<script>
var map = {
"中国": ["江南四大才子", "初唐四杰", "战国四君子"],
"日本": ["日本武将", "日本城堡", "幕府时代"],
"欧美": ["三大骑士团", "三大魔幻小说", "七大奇迹"],
"江南四大才子": ["祝枝山", "文征明", "唐伯虎", "周文宾"],
"初唐四杰": ["王勃", "杨炯", "卢照邻", "骆宾王"],
"战国四君子": ["楚国春申君黄歇", "齐国孟尝君田文", "赵国平原君赵胜", "魏国信陵君魏无忌"],
"日本武将": ["织田信长", "德川家康", "丰臣秀吉"],
"日本城堡": ["安土城", "熊本城", "大坂城", "姬路城"],
"幕府时代": ["镰仓", "室町", "丰臣", "江户"],
"三大骑士团": ["圣殿骑士团", "医院骑士团", "条顿骑士团"],
"三大魔幻小说": ["冰与火之歌", "时光之轮", "荆刺与白骨之王国"],
"七大奇迹": ["埃及胡夫金字塔", "奥林匹亚宙斯巨像", "阿尔忒弥斯月神殿", "摩索拉斯陵墓", "亚历山大港灯塔", "巴比伦空中花园", "罗德岛太阳神巨像"]
}
avalon.define("linkage", function(vm) {
vm.first = ["中国", "日本", "欧美"]
vm.second = map[vm.first[1]]
vm.third = map[vm.second[0]]
vm.firstSelected = "日本"
vm.secondSelected = ""
vm.thirdSelected = ""
vm.$watch("firstSelected", function(a) {
vm.second = map[a]
vm.secondSelected = map[a][0]
})
vm.$watch("secondSelected", function(a) {
vm.third = map[a]
vm.thirdSelected = map[a][0]
})
})
</script>
<div ms-controller="linkage">
<select ms-each-el="first" ms-duplex="firstSelected" >
<option ms-value="el" >{{el}}</option>
</select>
<select ms-each-el="second" ms-duplex="secondSelected" >
<option ms-value="el" >{{el}}</option>
</select>
<select ms-each-el="third" ms-duplex="thirdSelected" >
<option ms-value="el" >{{el}}</option>
</select>
</div>
</body>
</html>