셀렉트박스에서 옵션을 선택했을 경우, 그다음 옵션이 생성되게 하려고 합니다.

셀렉트박스에서 옵션을 선택했을 경우, 그다음 옵션이 생성되게 하려고 합니다.

QA

셀렉트박스에서 옵션을 선택했을 경우, 그다음 옵션이 생성되게 하려고 합니다.

본문



<select name='wr_3' id='wr_3' class='frm_input'>
                                <option value='1'>1</option>
                                <option value='2'>2</option>
                                <option value='3'>3</option>
                            </select>

 
if ($wr_3 =="1") {
                         echo "<td><th scope='row'>2선택</th>
                     <select name='wr_8' id='wr_8' class='frm_input'>
                     <option value=''>전체보기</option>
                                <option value='1-1'>1-1</option>
                                <option value='1-2'>1-2</option>
                                </select>
                  </td>
            </tr";
                        
                    }

 

이런식으로 셀렉트박스를 구성했는데, 

 

만약 1옵션을 선택(클릭)했을때, 2차 셀렉트박스가 생성이되고, 

 

2옵션 3옵션을 선택(클릭)했을때, 그에 해당하는 2차 셀렉트박스가 생성이 되는 개념입니다.

 

지금 현재 , https://jqueryniceselect.hernansartorio.com/

 

이걸 사용해서 셀렉트박스를 ul li로 바꾸는 플러그인을 사용하여 셀렉트 박스를 아코디언 형태로 진행한 상태입니다.

 

방법이나 참조할만한 자료가 있을까요?

 


if ($wr_3 =="1") {
                         echo "<td><th scope='row'>2선택</th>
                     <select name='wr_8' id='wr_8' class='frm_input'>
                     <option value=''>전체보기</option>
                                <option value='1-1'>1-1</option>
                                <option value='1-2'>1-2</option>
                                </select>
                  </td>
            </tr";
                        
                    }

 

이상태에서 조금 막혀버렸습니다 ㅠㅠ

 

3543063980_1620617980.3572.png

 

이렇게까지 구현은 했는데, 지금 2차 부분이 아코디언형식으로 나오지 않고 다른곳에 노출이 되고 있는 상태입니다 ㅠㅠ

이 질문에 댓글 쓰기 :

답변 1

셀렉트박스 선택이 다음 셀렉트를 노출하려면

 

jquery 사용해서 onchange시 다음 셀렉트 show 되도록 짜주시면 됩니다

 

ul li > 다시 ul이 들어가는부분은 사용중인 js에서 지원을 안해준다면 어렵지않을까싶네요

답변을 작성하시기 전에 로그인 해주세요.
전체 117
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT