Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

Studyyyyy

select 내에 선택된 option value 가져오는 법 본문

자바스크립트, 타입스크립트

select 내에 선택된 option value 가져오는 법

manyYun 2022. 4. 27. 04:00
<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 사용하는것도 재밌다

다시 제대로 해보는걸루,,