selectbox에 동적으로 option 값 생성시 태그로 인식을 못하고 텍스트로 인식을 하여 질문드립니다.
let pent = [23, 26, 30];
let sel = document.querySelector(".form-select");
let sel2 = document.querySelector(".form-select2");
sel.addEventListener("change", function (e) {
let val = sel.value;
if (val == "모자") {
sel2.style.display = "block";
} else if (val == "바지") {
sel2.style.display = "block";
sel2.innerHTML = "";
pent.forEach( (i) => {
sel2.append(`<option>${i}</option>`)
})
}
})
답변주시면 감사하겠습니다.