Studyyyyy
select 내에 선택된 option value 가져오는 법 본문
<select id="selectCode">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
라는 코드가 있을 때 select 태그는
let selectCode = document.querySelector("#selectCode")
로 가져올 수 있다. 이 때 옵션을 선택 후 선택한 option의 value를 가져오려면 selectedIndex를 사용하여
let selectOption = selectCode.options[selectCode.selectedIndex].value
로 선택해주면 된다.
만약 선언된 해당 변수를 함수 내에서 쓰고싶으면 함수 내에 변수를 지정해줘야한다.
함수 바깥쪽에 있으면 select가 변경되기 전에 미리 변수가 읽혀 제대로 작동하지 않음
일주일에 한번씩은 배운거 정리하는게 좋을거같은데 저번주에 인스타 클론 폭망해서 어디서부터 손을 대야할지도 감이 안잡힘 나중에 부산반 실시간 질문강의 보면서 다시 해봐야할거같고
저번주에 너무 어려워서그런지 이번주는 아직까진 선녀같다 setTimeout이랑 Promise 사용하는것도 재밌다
다시 제대로 해보는걸루,,
'자바스크립트, 타입스크립트' 카테고리의 다른 글
페이지 프린트시 각 페이지마다 header, footer 넣어주기 (0) | 2024.08.29 |
---|---|
fetch abort controller (0) | 2024.08.29 |
커스텀 이벤트 (0) | 2024.08.28 |
Promise.allSettled에서 result.value가 undefined로 나오는 오류 (0) | 2024.08.19 |
자바스크립트 랜덤 숫자 중복 없이 추출하기 (0) | 2022.05.13 |