본문 바로가기
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>

'Engineering WIKI > Js' 카테고리의 다른 글

[JS] FormData  (0) 2020.11.29
[JS] formData를 console.log 출력  (0) 2020.11.29
[Js] this 개념 및 활용  (0) 2020.04.26
[Js] IE Default Error  (0) 2020.04.05
[JS] array 중복 제거  (0) 2019.09.04
[Jquery] HTML 태그 바꾸기  (0) 2019.08.17
[Js] 따옴표 안에 따옴표  (0) 2019.08.12
[Js] setInterval vs setTimeout  (0) 2019.05.04