안녕하세요 다중셀렉트 관련 질문 드립니다

안녕하세요 다중셀렉트 관련 질문 드립니다

상품입력 내용중 다중으로 입력하는 폼을 구현해 보았습니다.

상기 이미지처럼 구현을 했는대

여기서 드리고 싶은 질문은

1차  선택시 저장을 하면 서울시, 부산시 이런식으로 잘저장이 됩니다

<select name="it_city1" id="it_city1" onchange="categorychange(this.form)">
   <option value="0">--도시선택--</option>
   <option value="서울시"<?php echo get_selected($it['it_city1'],"서울시"); ?>>서울시</option>
   <option value="부산시"<?php echo get_selected($it['it_city1'],"부산시"); ?>>부산시</option>
  </select>

1차 에서 2차 선택시 입력값은 넘어 오는대 상기 이미지 처럼 최초 --선택-- 으로 다시 돌아갑니다

<select name="it_city2" id="it_city2">
   <option value="it_city2"<?php echo get_selected($it['it_city2'],"it_city2"); ?>>--선택--</option>
  </select>

2차 선택도 입력값이 저장값으로 고정될수 있도록 하고 싶은대

고수님들의 조언 부탁들립니다

감사합니다

전체소스는 아래와 같습니다.

<script>
var tempX = 0;
var tempY = 0;

function imageview(id, w, h)
{

    menu(id);

    var el_id = document.getElementById(id);

    //submenu = eval(name+".style");
    submenu = el_id.style;
    submenu.left = tempX - ( w + 11 );
    submenu.top  = tempY - ( h / 2 );

    selectBoxVisible();

    if (el_id.style.display != 'none')
        selectBoxHidden(id);
}
</script>

<script language="javascript">
window.onload = function() {
 document.getElementById("it_city1").onchange = function() { getClass(this.form.it_city1.options.selectedIndex) };
}

var classG = new Array(new Array("##선택##"), new Array("호텔관광ㄴㄴㄴㄴㄴ학부", "호텔ㅇㅇㅇ경영학부", "ㅇㅇㅇ외국어학부"),
           new Array("프로그램학부", "영상학부", "디자인학부", "게임학부"),
           new Array("헤어디자인학부", "피부미용학부"),
           new Array("언론방송학과", "연기학부", "패션모델디자인학부"));

var temp, i=0, j=0;
var cselect;

function getClass(item) {
temp = document.getElementById("it_city2");
subCnt = temp.options.length;
 for (i=(subCnt-1); i>0; i--) { temp.options[i] = null }
  for (var j=0; j<classG[item].length; j++) {
   cselect = classG[item][j];
   temp.options[j] = new Option(cselect, cselect)
  }
}

</script>

<form name="it_city1">
 <div class="div1">
  <select name="it_city1" id="it_city1" onchange="categorychange(this.form)">
   <option value="0">--도시선택--</option>
   <option value="서울시"<?php echo get_selected($it['it_city1'],"서울시"); ?>>서울시</option>
   <option value="부산시"<?php echo get_selected($it['it_city1'],"부산시"); ?>>부산시</option>

  </select>
 </div>
 <div>
  <select name="it_city2" id="it_city2">
   <option value="it_city2"<?php echo get_selected($it['it_city2'],"it_city2"); ?>>--선택--</option>
  </select>
 </div>
</form>

          </td>
          <td class="td_grpset">
                <input type="checkbox" name="chk_ca_it_city1" value="1" id="chk_ca_it_city1">
                <label for="chk_ca_it_re1">분류적용</label>
                <input type="checkbox" name="chk_all_it_city1" value="1" id="chk_all_it_city1">
                <label for="chk_all_it_re1">전체적용</label>
            </td>
        </tr>