코드를 사용 하 여 두 개의 계단식 형태

< html >
< 헤드 >
< 제목 >< / 타이틀 >
< 메타 http-equiv = "content-type" 내용 = "text/html; charset = gb2312 ">

< 스타일 >
몸, 선택
{
글꼴-크기: 9pt;
글꼴-가족: 굴림;
}
A
{
색상: 빨강;
텍스트-장식: 없음;
}
한: 없음 마우스
텍스트-장식: 밑줄;
}
</스타일 >
< 스크립트 언어 = "자바 스크립트" >
<!-
함수 Dsy)
{
이. 항목 = {};
}
Dsy.prototype.add 기능 (Id, iarray) =
{
이. 항목 [id] = IArray;
}
Dsy.prototype.Exists = 함수 (ID)
{
경우 typeof (이. 항목 [id] = "정의 되지 않음") 반환 허위;
반환 사실;
}

기능 변경 (v) 없음
var str = "0";
대 한 (i = 0; 난 <; i + +) {str + = ("_" + (document.getElementById (s[i)). selectedIndex-1));
var Ss=document.getelementbyid (S[v]);
(Ss) 없음 함께
길이 = 0;
옵션 [0] = 새로운 옵션 (Opt0[v],opt0[v]);
경우 (v & & document.getElementById (S[v-1)) selectedindex > 0 | |! v)
{
경우 (dsy. 존재 (str)) 없음
AR Dsy =. 항목 [STR];
대 한 (나 = 0; 난 < ar.length;i++) 옵션 [길이] = 새로운 옵션 (Ar[i],ar[i]);
(v) 옵션 [1].selected = true;
}
}
경우 (+ + v < s.length) {변경 (v);}
}
}

var dsy = 새로운 Dsy ();

Dsy.add ("0", ["스포츠", "음악", "게임", "영화와 텔레비전", "모델", "애니메이션", "읽기", "뜨거운 주제", "애완 동물"]);

Dsy.add ("0_0" ["볼 게임", "비 공 게임", "다른"]);
Dsy.add ("0_1", ["팝 음악", "비 대 중 음악", "다른"]);
Dsy.add ("0_2" ["게임 네트워크", "한 게임", "다른"]);
Dsy.add ("0_3", ["영화", "드라마", "다른"]);
Dsy.add ("0_4", ["애니메이션 모델", "영화 모델", "다른"]);
Dsy.add ("0_5", ["애니메이션", "만화", "다른"]);
Dsy.add ("0_6", ["책", "신문", "잡지", "다른"]);
Dsy.add ("0_7", ["스푸핑 클래스", "패션 클래스", "다른"]);
Dsy.add ("0_8", ["애완 동물 생활", "다른"]);
->
</스크립트 >
< 스크립트 언어 자바 = >

var s = ["S1", "S2"];
var opt0 = [선택, 선택 하십시오];
기능 설치)
{
대 한 (i = 0; 난 < s.length-1, i + +)
document.getElementById (S[i]) Onchange = 새로운 함수 ("변경 (" + (i + 1) +) ");
변경 (0);
}
->
</스크립트 >
</헤드 >
< 몸 bgcolor = "#E0E0E0" onload "Setup ()" = >

< 양식 이름 "frm" = >
< 선택 id = "S1" >< 옵션 >< / 옵션 >< / 선택 >
< ID 선택 "S2" = >< 옵션 >< / 옵션 >< / 선택 >
< / 양식 >
< / 바디 >
& nbsp