쇼핑몰 상품관리자에 지역과 구가 들어가야해서 배열로 지역 선택시 구를 선택하게하는 스크립트를 네이버에서 찾아서 적용했습니다

문제는 수정하기했을때 시는 제대로 선택이되는데 배열로 돌린 구가 선택이 안되서요

배열과 스크립트에 워낙 무식인지라 도움좀 얻고싶어서 글씁니다

//시 나오는곳

/adm/shop_adm/itemform.php 페이지이구요

시는 it_1  구는 it_2 로 저장하고있습니다

<select id='s1' name="it_1" onChange="getAreaList(this.value);">

<option value="">선택하세요</option>

<option value="서울"<? if($it[it_1]=='서울') echo 'selected';?>>서울</option>

<option value="경기"<? if($it[it_1]=='경기') echo 'selected';?>>경기</option>

...생략

</select>

//구 나오는곳

<select name="it_2" id='s2' ><option value="">선택하세요</option></select>

//스크립트부분

<script> 

var ArrArea = new Array(); 

ArrArea['서울'] = new Array(); 

ArrArea['서울'][0] = new Option("강남역", "강남역"); 

ArrArea['서울'][1] = new Option("강동/천호/길동", "강동/천호/길동"); 

ArrArea['서울'][2] = new Option("강서/화곡", "강서/화곡"); 

ArrArea['서울'][3] = new Option("구로/신도림", "구로/신도림"); 

ArrArea['서울'][4] = new Option("논현/학동/신논현", "논현/학동/신논현"); 

ArrArea['서울'][5] = new Option("당산/문례", "당산/문례"); 

ArrArea['서울'][6] = new Option("방배/서래마을", "방배/서래마을"); 

ArrArea['서울'][7] = new Option("방이/올림픽공원", "방이/올림픽공원"); 

ArrArea['서울'][8] = new Option("사당/이수/동작", "사당/이수/동작"); 

...생략

ArrArea['인천/부천'] = new Array(); 

ArrArea['인천/부천'][0] = new Option("원미구/송내", "원미구/송내"); 

ArrArea['인천/부천'][1] = new Option("소사구/오정구/역곡", "소사구/오정구/역곡"); 

..생략

</script> 

<script> 

var AreaName = document.getElementById('s2'); 

function getAreaList(Code) 

{ 

   AreaName.length = 0; 

   AreaName.add(new Option('선택하세요', '')); 

   for (i = 0; i < ArrArea[Code].length; i++) 

   { 

      AreaName.add(new Option(ArrArea[Code][i].value, ArrArea[Code][i].text)); 

   } 

   AreaName.options[0].selected = true; 

} 

</script> 

입니다 

어느부분을 어떻게 수정해야지 수정할때 저장된 값이 셀렉트 되는지 알려주시면 너무너무 감사하겠습니다 

고수님들 도움 부탁드립니다