테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

select 숫자 선택후 버튼 클릭시 선택한 숫자만큼 div가 보여지게 하고 싶어요 채택완료

케빈박 3년 전 조회 1,864
답변 3
목록

select 숫자 선택후 버튼 클릭시 선택한 숫자만큼 div가 보여지게 하고 싶어요  

 

</p>

<p><form id="myform" name="book_num" >

        <label for="r_type">입력창 숫자</label>

        <select class="form-control" id="sel_num" name="sel_num">

            <option value="1">1</option>

            <option value="2">2</option>

            <option value="3">3</option>

            <option value="4">4</option>

            <option value="5">5</option>

            <option value="6">6</option>

        </select></p>

<p>        <!-- 선택한 입력창 숫자만큼 div가 보여지게 하고 싶어요 -->

    <input type="button" name="" value="선택하기">

    

    </form></p>

<p>        <!-- 3을 선택하면 3개 보여짐 / 4을 선택하면 4개 보여짐 -->

        <div style="display: none" id="1">

     1의 내용

        </div>    </p>

<p>        <div style="display: none" id="2">

     2의 내용

        </div>    </p>

<p>        <div style="display: none" id="3">

     3의 내용

        </div>    </p>

<p>        <div style="display: none" id="4">

     4의 내용

        </div>    </p>

<p>        <div style="display: none" id="5">

     5의 내용

        </div>    </p>

<p>        <div style="display: none" id="6">

     6의 내용

        </div>    

 </p>

<p>

 

 

#제이쿼리 #자바스크립트
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
cuwaaang
cuwaaang
3년 전

javascript onchange 검색해서

셀렉트변경시 class로 열고닫고 하던지하면될듯

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
케빈박
3년 전
감사합니다

댓글을 작성하려면 로그인이 필요합니다.

엑

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인