(방법1)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="" name="frm" method="post">
<select name="list" onchange="location=document.frm.list.value">
<option>선택</option>
<option value="http://www.naver.com">Naver</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.nate.com">Nate</option>
</select>
</form>
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
(방법2)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function movetoURL(url) {
document.location.href=url;
}
</script>
</head>
<body>
<form action="" name="frm">
<select name="url" onchange="movetoURL(this.value)">
<option>선택</option>
<option value="http://www.naver.com">Naver</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.nate.com">Nate</option>
</select>
</form>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| 210923_array,random (0) | 2021.09.23 |
|---|---|
| 210923_onclick,onmouseover,onmouseout (0) | 2021.09.23 |
| 210923_select+onchange (0) | 2021.09.23 |
| 210923_settimeout (0) | 2021.09.23 |
| 210923_jsp+ (0) | 2021.09.23 |