• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 level 3 select input

level 3 select input

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #30803

    김봉섭
    참가자

    let productSelect = document.getElementsByClassName("form-select")[0];
          let sizeSelect = document.getElementsByClassName("form-select")[1];
          productSelect.addEventListener("input", function () {
            if (productSelect.value == "셔츠") {
              sizeSelect.classList.remove("size-select");
            }
          });

     

    jquery 말고 js로 하고 싶습니다. removeClass는 잘 작동합니다...

     

    if() {alert('hi')}실행하면 잘 작동하는 것으로 봐서 오타 문제는 아닌 것 같습니다.

    컨솔창에 계속 undefined classList가 뜹니다.

    #30806

    김봉섭
    참가자

    추가로 혹시, 바닐라 js 써야 한다. 다른 라이브러리나 프레임워크는 나중에 사용하는 것이 좋다고 하는데 맞나요?

    jquery가 너무 편합니다...

    #30818

    codingapple
    키 마스터

    sizeSelect 변수부터 잘 나오는지 출력해봅시다 안나오면 셀렉터가 이상한것인듯요 

    본인이 편한거 쓰면 됩니다 그냥 자바스크립트랑 별차이없습니다

    뷰나 리액트같은건 변수 함수 조건문 반복문 알고있으면 됩니다 

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠