2중 셀렉트 박스 제어 > script

<script language='javascript'>
<!--
var cnt = new Array();
cnt[0] = new Array('분류선택');
cnt[1] = new Array('분류선택','회원가입','회원탈퇴','아이디/비밀번호','내정보');
cnt[2] = new Array('분류선택','신고방법','아이디정지','제재기준','게임머니 분실');
cnt[3] = new Array('분류선택','설치/제거방법','오류관련','보안프로그램');
cnt[4] = new Array('분류선택','이벤트','고객의견','고객센터','체인지 카드','쿠폰');
cnt[5] = new Array('분류선택','아바타','게임아이템','캐쉬');
cnt[6] = new Array('분류선택','체인지 7포커','체인지 맞고','체인지 9홀덤');

function change(add) {
 sel = document.form.type3;

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

 for (i=0; i < cnt[add].length;i++) { // 옵션메뉴 추가
  sel.options[i] = new Option(cnt[add][i], cnt[add][i]); // text, value
 }
}
//-->
</script>

<form name="form">
1차 분류 :
<select style="width:90px;font-size: 9pt; color: #666666; background-color: #ffffff" name="type2" onChange="change(this.selectedIndex);">
 <option value="0" selected>분류선택</option>
 <option value="개인정보">개인정보</option>
 <option value="클린센트">클린센트</option>
 <option value="설치/실행">설치/실행</option>
 <option value="웹서비스">웹서비스</option>
 <option value="결제">결제</option>
 <option value="게임">게임</option>
</select>

2차 분류 :
<select name="type3"  style="width:90px;font-size: 9pt; color: #666666; background-color: #ffffff" onchange="alert(this.value);">
 <option>분류선택</option>
</select>
</form>

 

 

 

 

 

 

 

 

 

 

=====================

 

<script language='javascript'>
<!--
// 2차 카테고리 배열
var cnt = new Array();
cnt[0] = new Array("2차 카테고리");
cnt[1] = new Array("2차 카테고리","풋||1010","바||1020","킷||1030","보조바||1060");
cnt[2] = new Array("2차 카테고리","루프||2010","리어||2020","토우바||2030","액세서리||2040");
cnt[3] = new Array("2차 카테고리","액셀런스||3010","다이나믹||3020","아틀란티스||3030","퍼시픽||3040","레인져||3050","액세서리||3060","모션||3070");
cnt[4] = new Array("2차 카테고리","바스켓||4010","액세서리||4020");
cnt[5] = new Array("2차 카테고리","이지베이스_1||5010","액세서리||5020","이지베이스_2||5030");
cnt[6] = new Array("2차 카테고리","수상스포츠 캐리어||6010");
cnt[7] = new Array("2차 카테고리","스키 캐리어||7010");
cnt[8] = new Array("2차 카테고리","트랜스포트||8010","크로스오버||8020","로드앤고||8030","스트랩||8040","패드||8050","키||8060","스노우체인||8070","어닝||8080","기타||8090");
cnt[9] = new Array("2차 카테고리","기본바시스템||9010","자전거캐리어||9020","박스캐리어||9030","짐받이캐리어||9040","이지베이스||9050","수상스포츠 캐리어||9060","스키 캐리어||9070","액세서리||9080","스노우체인||9090");

function change(add) {
 sel = document.getElementById("ca_id2");

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

 for (i=0; i < cnt[add].length;i++) { // 옵션메뉴 추가
  data = cnt[add][i].split("||");
  sel.options[i] = new Option(data[0], data[1]); // text, value
 }
}
//-->
</script>

<select name="ca_id" onChange="change(this.selectedIndex);">
 <option value="">1차 카테고리</option>
 <option value="10">기본바시스템</option>
 <option value="20">자전거 캐리어</option>
 <option value="30">박스 캐리어</option>
 <option value="40">짐받이 캐리어</option>
 <option value="50">이지베이스</option>
 <option value="60">수상스포츠 캐리어</option>
 <option value="70">스키 캐리어</option>
 <option value="80">액세서리</option>
 <option value="90">스페어 파트</option>
</select>

<select name="ca_id2" onchange="alert(this.value);">
 <option>2차 카테고리</option>
</select>