<style>
.form-hide{
display: none;
}
</style>
<body>
<form class="container my-5 form-group">
<p>상품선택</p>
<select class="form-select mt-2">
<option>모자</option>
<option>셔츠</option>
</select>
<select class="form-select mt-2 form-hide">
<option>95</option>
<option>100</option>
</select>
</form>
<script>
let val=document.querySelectorAll('.form-select')[0].value;
document.querySelectorAll('.form-select')[0].addEventListener('input',function (){
if(val=='셔츠'){
document.querySelectorAll('.form-select')[1].removeClass('form-hide');
}
});
제이쿼리 말고 자바스크립트 코드로 진행해보고 있는데요 셔츠로 옵션을 바꿔도 사이즈 옵션이 뜨질 않아요.ㅠ.ㅠ
