셀렉트 박스를 생성, 옵션들을 작성.
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 |
'개발 언어 > 자바 스크립트 java script' 카테고리의 다른 글
[css] 웹 브라우저 프린터 배경색 나오도록 설정 (크롬/인터넷 익스플로어 등..) (0) | 2020.06.12 |
---|---|
[자바 스크립트] 셀렉트 박스 (select) 오늘 날짜 자동 선택 (0) | 2020.06.10 |
javascript 닫기, 새로고침 이벤트 처리 (정말 나가시겠습니까?) (0) | 2020.01.13 |
[웹] 데이트 피커 추가 [nice-date-picker js] [달력추가] (0) | 2019.03.21 |
자바 스크립트 이미지 미리보기 기능(java script) (0) | 2019.03.20 |
댓글