반응형
셀렉트박스 선택시 원하는 주소로 이동하는 방법이다.
기존에는 아래 스크립트를 사용하였지만
onchange="if(this.value) location.href(this.value);"
IE 브라우저에서는 잘 작동하지만 다른 브라우져에서는 반응이 없었다.
구글에서도 파이어폭스에서도 잘 되는 스크립트가 필요한 것이다.
테스트해 본 결과 다음과 같이 하면 되는 것이었다.
onchange="if(this.value) window.location.href = this.value;"
[예제]
<form name="zyss">
<select name="2017" onchange="if(this.value) window.location.href = this.value;">
<option>2017년 선택</option>
<option value="#">2017년 05월</option>
<option value="#">2017년 04월</option>
<option value="#">2017년 03월</option>
<option value="#">2017년 02월</option>
<option value="#">2017년 01월</option>
</select>
</form>
반응형
'html&php' 카테고리의 다른 글
워드프레스 데이터베이스 연결중 에러 (0) | 2018.03.07 |
---|---|
마우스 클릭 시 지정한 위치로 스크롤하기 (앵커) (0) | 2018.01.02 |
meta 테그를 이용한 페이지 자동 이동하기 (0) | 2017.02.09 |
CSS (0) | 2017.01.25 |
익스플로러 낮은 버전 접속시 경고문 (0) | 2017.01.17 |