JavaScript로 드롭다운 목록 항목 배열 가져오기
셀렉트를 다룰 때 다음 특징이 있습니다:
셀렉트에 대한 참조를 저장하는 변수는
option 태그를 요소로 하는
배열입니다. 이것은
이 변수를 루프로 반복할 수 있다는 것을 의미합니다:
let select = document.querySelector('#select');
for (let option of select) {
console.log(option);
}
또는 단순히 필요한 번호의 항목에 접근할 수 있습니다:
let select = document.querySelector('#select');
console.log(select[0]);
루프를 사용하여 목록의 모든 항목을 반복하고 각 항목 텍스트의 끝에
해당 항목의 value 속성 값을 추가하세요.