다중셀렉트 박스 2차메뉴 유지하기 부탁드립니다ㅠㅠ 채택완료

</p>

<p>function showSub(obj){

 f = document.forms.form1;

 if(obj == 1 ) { 

  f.service_type2.style.display = "";

  f.service_type3.style.display = "none";

 }else if(obj == 10) 

  f.service_type2.style.display = "none";

  f.service_type3.style.display = "";</p>

<p> } else {

  f.service_type2.style.display = "none";

  f.service_type3.style.display = "none";

 }

}</p>

<p>// 이렇게 1, 10에 값을 선택하면 1,10에 해당하는 각 2차메뉴박스가 나오는데 그 조건을 그대로 검색하면 다시 1차메뉴의 1이값이 들어가있는상태인데도 불구하고 2차메뉴가 사라지는데 어떻게 해야할까요?</p>

<p> </p>

<p>  <SELECT NAME="service_type" onChange="showSub(this.options[this.selectedIndex].value);">

   <OPTION VALUE="<?=$opt_service_type?>" SELECTED>- 선택 - </OPTION>

   <?=$opt_service_type?>

  </SELECT>

  <SELECT NAME="service_type2" style="display:none;">

   <OPTION VALUE="" SELECTED>- 선택 - </OPTION>

   <?=$opt_service_type2?>

  </SELECT>

  <SELECT NAME="service_type3" style="display:none;">

   <OPTION VALUE="" SELECTED>- 선택 - </OPTION>

   <?=$opt_service_type3?>

  </SELECT></p>

<p> </p>

<p>