Engineering WIKI/Js
[JS] select의 선택된 값 구하기
by wonos
2020. 4. 5.
- select element를 만들고 onchange에 변경 이벤트가 발생했을 때 호출될 함수명을 추가한다.
<select id="id-lang"" name="lang" onchange="chageLangSelect()">
<option value="" selected disabled>언어를 선택</option>
<option value="en">en(영어)</option>
<option value="ko">ko(한글)</option>
</select>
- select element 변경 이벤트가 발생했을 때 호출될 함수명을 작성한다.
<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>