HOME Android Java C/C++ Linux php 기타

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

작성시간 : 2017-07-19 22:55:27

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>

참고 URL

https://stackoverflow.com/questions/1085801/get-selected-value-in-dropdown-list-using-javascript

https://www.w3schools.com/jsref/event_onchange.asp


[JavaScript] 카테고리의 다른 글