안녕하세요

회원가입 여분필드에 셀렉트 박스를 사용했습니다.

2차 셀렉트 박스를 사용하고 있습니다.


1차 셀렉트 메뉴가

A    B    C 3개가 있을 경우


A를 클릭시 2차 셀렉트박스 메뉴 1 2 3 4 5 가 나타납니다.

그리고 B 나 C 를 클릭시 2차 메뉴는 나오지 않습니다.

그렇게 회원가입은 잘 됩니다.

그렇게 햇을경우

예를 들어

1차 A 선택 후 2차 " 1 " 을 선택 하여 가입을 했습니다.

그 이후 회원정보 수정을 하였을때

1차 셀렉트 메뉴 와 2차 셀렉트 메뉴 가 모두 표시 되어야 하는데

2차 셀렉트 메뉴는 표시 되지 않습니다.



사용한 소스는 이렇습니다



<select id=mb_9 name=mb_9  itemname='파명' value='<?=$mb[mb_9]?>' required onchange='onoff(this.options[this.selectedIndex].value);'>
                    <option value='-'>선택하세요</option>
                    <option VALUE="의정공" <? if($mb[mb_9] == "의정공") echo "selected";  ?>>의정공</option>
                    <option VALUE="직장공" <? if($mb[mb_9] == "직장공") echo "selected";  ?>>직장공</option>
                    <option VALUE="부장공" <? if($mb[mb_9] == "부장공") echo "selected";  ?>>부장공</option>
                    </select>
<span>
                    <select id=mb_10 name=mb_10 required value='<?=$mb[mb_10]?>' itemname='15세' style="display:none">
<option value='-'>-</option>
                    <option value='주'<? if($mb[mb_10] == "주") echo "selected";  ?>>주</option>
                    <option value='래'<? if($mb[mb_10] == "래") echo "selected";  ?>>래</option>
                    <option value='유'<? if($mb[mb_10] == "유") echo "selected";  ?>>유</option>
                    <option value='빈'<? if($mb[mb_10] == "빈") echo "selected";  ?>>빈</option>
                    <option value='류'<? if($mb[mb_10] == "류") echo "selected";  ?>>류</option>
                    <option value='권'<? if($mb[mb_10] == "권") echo "selected";  ?>>권</option>
                    <option value='시'<? if($mb[mb_10] == "시") echo "selected";  ?>>시</option>
                    <option value='칭'<? if($mb[mb_10] == "칭") echo "selected";  ?>>칭</option>
                    </select>
  </span>
               
<script type="text/javascript">

function onoff(obj){
tg1 = document.getElementById('mb_10');

if(obj=='의정공'){
tg1.value='';
tg1.style.display="";
tg1.style.background="#eeeeee";
}else{
tg1.value='-';
tg1.style.display="none";
tg1.style.background="#ffffff";
tg1.focus();
}
}
</script>




A 선택시 2차 메뉴가 나오게 하는 소스를 사용하기 때문에

최초 2차 메뉴가 display:none 으로 되어 있기 때문에 나오지 않는 것 같습니다.

해결 방법 아시는분 있으신가요~~

아니면 비슷한 소스를 갖고 계신분 추천좀 해주세요~~~

A 클릭시 2차메뉴가 나와야하고

B 나 C 클릭시 사라집니다..