[JS] SELECT태그에서 선택된 option 값 가져오기

자바스크립트에서 태그의 값을 자주 사용합니다.
select,input 등등...

<select id="city" onchange="changeFn()">
		<option name="city" value="seoul">서울</option>
		<option name="city" value="busan">부산</option>
		<option name="city" value="jeju">제주</option>
</select>

• 이처럼 select 태그에서 선택된 option의 value를 가져오는 방법입니다.
• 실무에서 많이 사용하므로 꼭 많이 연습해봅니다.

script 에서 select 태그에서 선택된 option 값 가져오기

• 1. document.getElementById()를 통하여 select를 가져옵니다.

let result ={};
const city = document.getElementById('city');

result.city = city.options[city.selectedIndex].value;
// 만약 따로 value 값이 없다면 text로 가져오면 됩니다.