[js] onchange함수 값 안가져올때_해결방법

select문에 onchange함수를 사용하는데 

아무리 해도 value값을 못가져오는것이다...

계속 함수명이 정의가 안되었다고 나와서 화가나던 찰라....

좋은 방법을 찾게되었다. 

onchange와 같은기능역할을 하는데 js 스크립트에서 가져오는 방법!!!

 

예시.

 

우선은 이렇게 예시로 설정해놓고 

html_

<select name="education_uid" id="edu_ii">
	<option value="1">== 일정을 선택하세요. ==</option>
	<option value="2">옵션 1</option>
	<option value="3">옵션 2</option>
</select>

 

js_

<script>
	$(document).ready(function(){
		const edu_ii = document.getElementById("edu_ii");
		edu_ii.addEventListener("change", function(e) {
			console.log("onchange select", e.target.value)
				//값이 바뀔때마다 찍힘
		});
});
</script>

이런식으로 해주면!! 일단 콘솔로 value값이 찍힌다

 

 

이렇게 콘솔에 딱!! 이값을 이용해서 기능을 돌려보자!! 

 

 

 

 

 

+추가로 해당하는 value값의 text가져오기!

<script>
	$(document).ready(function(){
		const edu_ii = document.getElementById("edu_ii");
		edu_ii.addEventListener("change", function(e) {
			const selectedValue = e.target.value;

			// 선택된 option의 텍스트
			const selectedText = edu_ii.options[edu_ii.selectedIndex].text;

			console.log("선택한 값 (value):", selectedValue);
			console.log("선택한 텍스트 (text):", selectedText);

		});
});
</script>

 

 

 

 

궁금하신 점 있으면 아래 지식인 엑스퍼트로 문의 주세요!! 홈페이지 수정가능!!

홈페이지 수정 및 제작 (html, css, 대학생과제, 포트폴리오) : 네이버 엑스퍼트