Select 인풋 다루기 예제 이벤트리스너 change로 적용

[한지수]

Select 인풋 다루기에서 셔츠 클릭하면 사이즈 셀렉하는 거 나오게 하는 부분에서 질문이 있습니다!

(아래의 코드)

<script>
$('.form-select').eq(0).on('change', function(){

var value = $('.form-select').eq(0).val();
if (value == '셔츠') {
$('.form-select').eq(1).removeClass('form-hide');
}

});
</script>

 

addEventListener에서 input 대신 change를 적용했는데 결과는 똑같이 잘 나오더라구요.

change는 찾아보니까 select에서 선택 값이 변경된 이후에 이벤트가 발생하는 것으로 이해했는데요.

저만의 추측(?)으로는 모자나 셔츠 중에 하나 클릭하면 어쨌든 선택 값이 변경된 것에 해당하기 때문에 적용이 된 것이라고 생각했어요.

제 추측은 잘못된 거고 이 예제에서만 운 좋게 적용된 건지 아니면 제가 잘 추측한건지 궁금합니다.

혹시 change 사용은 안좋은 거라면 어떤 이유 때문에 지양해야하는지도 함께 알려주시면 감사하겠습니다!

[codingapple]

<select>는 선택시 change 이벤트도 발생해서 그런 것 같은데 잘되면 딱히 상관없습니다 

[글쓴이]

글