<form class="container my-5 form-group">
<p>상품선택</p>
<select class="form-select mt-2">
<option>모자</option>
<option>셔츠</option>
<option>바지</option>
</select>
<select class="form-select mt-2 form-hide">
<option>95</option>
<option>100</option>
<option>105</option>
</select>
</form>
var pants = [28, 30, 32];
document.querySelectorAll('.form-select')[0].addEventListener('input', function(e){
let value = this.value; //e.currentTarget.value;
if(value == '셔츠' ){
document.querySelectorAll('.form-select')[1].classList.remove('form-hide');
} else if(value == '바지'){
document.querySelectorAll('.form-select')[1].classList.remove('form-hide');
document.querySelectorAll('.form-select')[1].innerHTML ='';
pants.forEach(function(a){
var a = document.createElement('option');
a.innerHTML = `<option><option>`;
document.querySelectorAll('.form-select')[1].appendChild(a);
document.querySelector('.form-select').appendChild(`<option>${a}<option>`);
})
}
})
document.querySelector('.form-select').appendChild(`<option>${a}<option>`);
.appendChild 왜...에러가 나는지 모르겠어요
수업시간에 jQuery로 하면 잘되는데...
