본문 바로가기

IT노트(구)/JavaScript

(자바스크립트) select box onchange 초간단 예제

select box onchange 이벤트 처리는 간단하게 연동이 가능합니다.

다음과 같이 onchage 태그를 걸어주고

자바스크립트 함수 하나만 만들어주면 됩니다!


<script>
    function myListener(obj) {
        alert(obj.value); // 선택된 option의 value가 출력된다!
    }

</script>
<select onchange="javascript:myListener(this);">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>