IT Study/Web

[JavaScript] 응용 예제 - select 링크

도뿌리 2018. 8. 6. 14:45

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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>미술관 및 박물관의 링크</h1>
<select id="select" onchange="link()" >
    <option value="http://sema.seoul.go.kr">서울시립미술관</option>
    <option value="http://www.mmca.go.kr">국립현대미술관</option>
    <option value="http://www.sac.or.kr">예술의전당</option>
    <option value="http://www.museum.go.kr">국립중앙박물관</option>
    <option value="http://www.museum.seoul.kr">서울역사박물관</option>
    <option value="http://www.nfm.go.kr">국립민속박물관</option>
</select>
 
<script type="text/javascript">
function link() {
    var url = document.getElementById("select").value;
    location.href = url;
}
</script>
</body>
</html>

cs

onclick --> X

select에선 onchange를 사용 할 것 

저작자표시 비영리 동일조건 (새창열림)