카센타 홈페이지를 제로보드를 이용해서 만들려고 하는중 입니다.

여러번 검색을 해봐도 답을 얻을 수가 없네요..ㅠㅜ

짧은 실력으로 배우면서 할려니 힘듭니다.
아래와 같이 3단 셀렉트를 적용 할려고 하는데 요..

예를 들어 (셀렉트1)에서 현대자동차를 선택하면
(셀렉트2)에서 현대자동차의 모델종류가 나오게 되고
(셀렉트2)모델중에서 갤로퍼를 선택을 하게되면
(셀렉트3)에서 갤로퍼관련 세부모델이 나오긴 하는데요.

(셀렉트1)에서 기아자동차를 선택하고
 (셀렉트2)에서 기아자동차의 모델을 선택하면
(셀렉트3)에서 현대자동차의 세부모델이 다시 나옵니다.
 
cnt에서 배열이 잘못 된건지..아님 cnt2의 배열방법이 잘못 된건지..
 스크립트에서 잘못 된건지..

아직 초보라 아무리 수정을 해보고 들여다 봐도 몰라서
고수님들에게 도움을 청합니다..

어떻게 수정을  해야 하는지요..??


<script language='javascript'>

function change(car) {
sel=document.search.car_model

/* 옵션메뉴삭제 */
for (i=sel.length-1; i>=0; i--){
sel.options[i] = null
}

/* 옵션박스추가 */
for (i=0; i < cnt[car].length;i++){
sel.options[i] = new Option(cnt[car][i], cnt[car][i]);



}

}


var cnt = new Array();
cnt[0] = new Array('++++++전 체++++++');
cnt[1] = new Array('++++++전 체++++++','갤로퍼','갤로퍼밴','갤로퍼2','갤로퍼2 밴'); // 현대자동차
cnt[2] = new Array('++++++전 체++++++'+ '+ ','그랜버드','대형트럭','델타','라이노');  // 기아자동차
cnt[3] = new Array('++++++전 체++++++','SM3','뉴SM3','SM5','뉴SM5',);  // 르노삼성자동차 각
cnt[4] = new Array('++++++전 체++++++','G2X','넥시아','노부스','누비라');  // 대우자동차
cnt[5] = new Array('++++++전 체++++++','렉스턴','뉴렉스턴','렉스턴2','로디우스'); // 쌍용자동차




function change2(car2) {
sel2=document.search.car_submodel
/* 옵션메뉴삭제 */
for (i=sel2.length-1; i>=0; i--){
sel2.options[i] = null
}
/* 옵션박스추가 */
for (i=0; i < cnt2[car2].length;i++){
sel2.options[i] = new Option(cnt2[car2][i], cnt2[car2][i]);
}
}




var cnt2 = new Array();
cnt2[0]= new Array('++++++++++++전 체++++++++++++');

// 갤로퍼
cnt2[1] = new Array('++++++++++++전 체++++++++++++','9 엑시드','9 터보엑시드','9 XL 2WD','9 XL 4WD','지프 엑시드',
'지프 인터쿨러슈퍼엑시드','지프 인터쿨러엑시드'+ ','지프 터보엑시드','지프 표준형','지프 V6 골드','지프 V6-3000',
'+ 'S 인터쿨러슈퍼엑시드','S 인터쿨러엑시드','S 터보엑시드','S 표준형','S V6-3000','');

// 갤로퍼밴
cnt2[2] = new Array('++++++++++++전 체++++++++++++','디젤 엑시드','인터쿨러엑시드(이노베이션)','터보엑시드(숏보디)',
'터보엑시드(이노베이션)','V6 LPG엑시드(숏보디)','');

// 갤로퍼2
cnt2[3] = new Array('++++++++++++전 체++++++++++++','6인 롱보디 인터쿨러슈퍼','6인 롱보디 인터쿨러엑시드','6인 롱보디 디젤엑시드',
'6인 롱보디 터보엑시드','6인 롱보디 V6 골드','7인승 디젤 엑시드','7인승 인터쿨러슈퍼'+ ','7인승 터보엑시드','7인승 V6 LPG 엑시드',
'9인승 디젤 엑시드','9인승 터보엑시드','+ '9인승 V6 LPG','숏보디 이노베이션 인터쿨러','숏보디 이노베이션 터보','숏보디 인터쿨러슈퍼',
'숏보디 터보엑시드','숏보디 터보STD','');

// 갤로퍼2 밴
cnt2[4] = new Array('++++++++++++전 체++++++++++++','디잴 엑시드(롱보디)','디잴 엑시드(숏보디)','이노베이션 인터쿨러(숏보디)',
'이노베이션 터보(롱보디)','이노베이션 터보(숏보디)','인터쿨러엑시드(숏보디)','터보 (숏보디)','');



 </script>


<form method=post name=search>

<select id="maker" name='car_maker' style="width:110px;" onchange="change(this.selectedIndex);">
<option value="">+++++선 택+++++</option>
<option value="현대자동차">현대자동차</option>
<option value="기아자동차">기아자동차</option>
<option value="르노삼성자동차">르노삼성자동차</option>
<option value="대우자동차">대우자동차</option>
<option value="쌍용자동차">쌍용자동차</option>
</select>


<select id="model" name='car_model' style="width:130px;" onchange="change2(this.selectedIndex);">
<option value='0'>++++++전 체++++++</option>


<select name='car_submodel' style="width:200px;">
<option value='0'>++++++++++++전 체++++++++++++</option>


</form>