셀렉트박스에서 옵션을 선택했을 경우, 그다음 옵션이 생성되게 하려고 합니다.
본문
<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";
}
이상태에서 조금 막혀버렸습니다 ㅠㅠ
이렇게까지 구현은 했는데, 지금 2차 부분이 아코디언형식으로 나오지 않고 다른곳에 노출이 되고 있는 상태입니다 ㅠㅠ
답변 1
셀렉트박스 선택이 다음 셀렉트를 노출하려면
jquery 사용해서 onchange시 다음 셀렉트 show 되도록 짜주시면 됩니다
ul li > 다시 ul이 들어가는부분은 사용중인 js에서 지원을 안해준다면 어렵지않을까싶네요
답변을 작성하시기 전에 로그인 해주세요.
