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

home2 게시판 JavaScript, TS 게시판 Select 인풋 다루기

Select 인풋 다루기

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

    진제훈
    참가자
    <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>
            <option>105</option>
          </select>
          <script>
            $(".form-select").eq(0).on('input',function(){
              if ($(".form-select").eq(0).val() == '셔츠') {
              $(".form-select").eq(1).removeClass("form-hide");
            }
            })
      
          </script>
    제가 짜다가 안되서 선생님께서 보여주신 코드대로 쳤는데도 모자나 셔츠 선택을 해도
     그대로 아래 select창이 그대로 남아있는데 뭐가 잘못될걸까요...
    console.log에 셔츠 나오는것도 확인했는데 뭐가 이상한지 몰라서 질문드립니다
    #106902

    codingapple
    키 마스터
    form-hide 있으면 안보이게 처리해주는지 css 확인해봅시다
    #106924

    진제훈
    참가자
    css경로를 바꿔도 비슷한 현상인데 일단은 메모해놓고 추후 다시 깨끗한 파일에서 다시해보겠습니다 (답변감사합니다!!)
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 호 / 개인정보관리자 : 박종흠