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> |
onclick --> X
select에선 onchange를 사용 할 것
'IT Study > Web' 카테고리의 다른 글
| [JavaScript] 응용 예제 - onmosueover, onmouseout (0) | 2018.08.06 |
|---|---|
| [JavaScript] 응용 예제 - Math.random 응용 (0) | 2018.08.06 |
| [JavaScript] 응용 예제 - string (0) | 2018.08.06 |
| [JavaScript] 응용 예제 - 생일 D-day (0) | 2018.08.06 |
| [JavaScript] 응용 예제 - 배경색 바꾸기 (0) | 2018.08.06 |