반응형
select 선택시 사이트 이동하는 자바스크립트
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>select 선택시 사이트 이동하는 자바스크립트</title>
<script type="text/javascript">
window.onload=function(){
var url = document.getElementById('url');
url.onchange=function(){
//this는 이벤트가 발생한 객체를 의미하며
//value는 select에서 선택한 값을 의미함
alert(this.value);
document.location.href= this.value;
};
};
</script>
</head>
<body>
<form name="myform">
<select name="url" id="url">
<option>선택</option>
<option value="http://www.naver.com">네이버</option>
<option value="http://www.daum.net">다음</option>
</select>
</form>
</body>
</html>
반응형
'javaScript&jQuery' 카테고리의 다른 글
| checkbox, radio 에서 정보 읽어 올 때 주의사항 (0) | 2016.07.20 |
|---|---|
| 자바스크립트 - json2.js 파일을 이용한 json 객체 생성 (0) | 2016.07.20 |
| 자바스크립트 - json 형식의 텍스트 데이터를 객체로 생성하기 (0) | 2016.07.20 |
| 자바스크립트 js 파일 압축하기 (0) | 2016.07.20 |
| radio 버튼 사용시 선택 정보 자바스크립트로 표시 (0) | 2016.07.20 |