-
[JS] select의 선택된 값 구하기Engineering WIKI/Js 2020. 4. 5. 15:37
- 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