onchange

selected에서 선택된 걸 변경했을 때 발생하는 이벤트.

value값을 넘겨준다.

 

input/select 등 데이터가 변경될 때 호출되는 이벤트

 

documetn.getElementById("select의 id값").selectedIndex
//"selecet의 id값"을 가진 SELECT BOX의 인덱스 번호를 가져온다

doument.getElementById("select의 id값").options[인덱스 번호].value
//선택된 값 추출

 

 

------예제------

<script type="text/javascript">
        function select_email(){
            var email_dns = document.getElementById("email_dns");
            var email_sel = document.getElementById("email_sel");

            var idx = email_sel.options.selectedIndex;
            var rtn_val = email_sel.options[idx].value;

            email_dns.value = rtn_val;
        };
    </script>

<label for="email_id" class="label_txt">이메일</label>
    <input type="text" name="email_id" id="email_id" class="email_id">@
    <input type="text" name="email_dns" id="email_dns" class="email_dns">
    <select name="email_sel" id="email_sel" class="email_sel" onchange="select_email()">
        <option value="1">직접입력</option>
        <option value="naver.com">네이버</option>
        <option value="daum.net">다음</option>
        <option value="google.com">구글</option>
        <option value="nate.com">네이트</option>
    </select>

 

 

1. onchange="alert(this.value)"를 사용해서 값을 가져오는건 어떤걸까..
2. 2. onchange="alert(this.options[this.selectedIndex].text)"를 사용하면 text(value1, value2, ...)부분이 값으로 넘어간다는데 이건 또 어떻게 쓰이는걸까..