JavaScript에서 드롭다운 목록 항목 가져오기
다음과 같은 드롭다운 목록이 있다고 가정해 봅시다:
<select id="select">
<option value="one">하나</option>
<option value="two">둘</option>
<option value="three">셋</option>
</select>
질문: 이 목록의 모든 항목을 어떻게 가져올 수 있을까요? 가장 간단한 방법은 해당 선택자를 사용하는 것입니다:
let options = document.querySelectorAll('#select option');
console.log(options);
전체 문서에서 검색하는 대신, 특정 select 요소 내에서 검색할 수도 있습니다:
let select = document.querySelector('#select');
let options = select.querySelectorAll('option');
console.log(options);