개발 언어/자바 스크립트 java script

셀렉트박스(select) 변경 이벤트 처리하기 [javascript]

삐뚤어진 개발자 2019. 3. 26.

셀렉트 박스를 생성, 옵션들을 작성.



1
2
3
4
5
<select id="id-lang"" name="lang" onchange="chageLangSelect()">
<option value="" selected disabled>언어를 선택</option>              
<option value="en">en(영어)</option>
<option value="ko">ko(한글)</option>
</select>
cs




변경 이벤트가 발생 되었을 때, 자바 스크립트에서 캐치


1
2
3
4
5
6
7
8
9
10
11
<script>
function chageLangSelect(){
    var langSelect = document.getElementById("id-lang");
     
    // select element에서 선택된 option의 value가 저장된다.
    var selectValue = langSelect.options[langSelect.selectedIndex].value;
 
    // select element에서 선택된 option의 text가 저장된다.
    var selectText = langSelect.options[langSelect.selectedIndex].text;
}
</script>
cs




출처: http://blog.devez.net/394

댓글