안녕하세요
강의중에 내주신 셔츠고르면 select 더 보여주기를 다른 방식으로 한 번 코드를 짜봤는데요
우선 셔츠를 고르면 사이즈 90 95 100 을 또 선택할 수 있게 화면창을 뜨도록 코드를 만들어야 되는데
저는 알려주신 방법대신 form 태그를 하나 더 만들었습니다
그리고 두 번쨰 form태그 class에 form-hide 를 추가해서 (css display : none; 적용)
평상시에는 화면창에 보이지않게 해놨습니다
<form class="container my-5 form-group">
<p>상품선택</p>
<select class="form-select mt-2">
<option class="type-option1">모자</option>
<option class="type-option2">셔츠</option>
</select>
</form>
<form class="container my-5 form-group form-hide" >
<p>사이즈</p>
<select class="form-select mt-2">
<option class="size-option1">90</option>
<option class="size-option2">95</option>
<option class="size-option3">100</option>
</select>
</form>
그리고 자바스크립트 코드로 셔츠를 누르면 두번쨰 form 태그 class의 form-hide 를 제거하도록 코드를 만들었습니다
$('.type-option2').on('click',function(){
$('.container my-5').eq(1).removeClass('form-hide');
})
그런데 코드 작동이 안되어서 질문글을 남깁니다
이런 접근 자체가 잘못이 된건지 아니면 제가 따로 수정해야 될 게 있는지 ,, 알려주시면 감사하겠습니다!
