안녕하세요 애플선생님,
JavaScript 입문과 웹 UI개발 > Level3 > Select 인풋 다루기 강의 예제 질문입니다.
셔츠 선택시 사이즈가 나오게 하는 코드 이렇게 생각했는데 왜 안되는걸까요?
꼭 if문으로 실행후 이벤트리스너 써야하는건가요, 바로 이벤트리스너 쓰면 안되나요?
(스크립트 안에서 작성시 1회 실행이라서 셀렉터조작마다 실행해야하는 부분은 이해했습니다)
html:
<form class="container my-5 form-group">
<p>상품선택</p>
<select class="form-select mt-2">
<option>모자</option>
<option>셔츠</option>
</select>
</form>
<form class="container my-5 form-group container-size">
<p>사이즈선택</p>
<select class="form-select mt-2">
<option>95</option>
<option>100</option>
</select>
</form>
$('.form-select option').eq(1).on('click',function(){
$('.container').eq(1).removeClass('container-size');
})
css:
.container-size {
display: none;
}