<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>級聯菜單</title>
</head>
<body>
<center><h1>級聯菜單</h1></center>
<div align="center"><form name="isc">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
國家：
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>中國</option>
<option>美國</option>
<option>日本</option>
<option>韓國</option>
</select>
省份：
<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected>遼寧省</option>
<option value=" ">四川省</option>
<option value=" ">吉林省</option>
<option value=" ">廣東省</option>
</select>
市區：
<select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
<option value=" " selected>沈陽市</option>')
<option value=" ">大連市</option>
<option value=" ">撫順市</option>
<option value=" ">鐵嶺市</option>
</select>
</table>
</form>
</div>
<script language="JavaScript">
<!--
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
file://以下是中國的第二選項
group[0][0]=new Option("遼寧省");
group[0][1]=new Option("四川省");
group[0][2]=new Option("吉林省");
group[0][3]=new Option("廣東省");
file://以下是美國的第二選項
group[1][0]=new Option("紐約州");
group[1][1]=new Option("加利福尼亞州");
group[1][2]=new Option("華盛頓州");
group[1][3]=new Option("阿拉斯加州");
file://以下是日本的第而選項
group[2][0]=new Option("東京縣");
group[2][1]=new Option("神奈川縣");
group[2][2]=new Option("九州縣");
group[2][3]=new Option("大阪縣");
file://以下是韓國的第二選項
group[3][0]=new Option("韓國A");
group[3][1]=new Option("韓國B");
group[3][2]=new Option("韓國C");
group[3][3]=new Option("韓國D");
var temp=document.isc.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}
var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}
file://以下是中國的第三選項
secondGroup[0][0][0]=new Option("沈陽市");
secondGroup[0][0][1]=new Option("大連市");
secondGroup[0][0][2]=new Option("撫順市");
secondGroup[0][0][3]=new Option("鐵嶺市");
secondGroup[0][1][0]=new Option("成都市");
secondGroup[0][1][1]=new Option("宜賓市");
secondGroup[0][1][2]=new Option("南充市");
secondGroup[0][1][3]=new Option("瀘州市");
secondGroup[0][2][0]=new Option("延邊市");
secondGroup[0][2][1]=new Option("白城市");
secondGroup[0][2][2]=new Option("白山市");
secondGroup[0][2][3]=new Option("黑山市");
secondGroup[0][3][0]=new Option("深圳市");
secondGroup[0][3][1]=new Option("廣州市");
secondGroup[0][3][2]=new Option("佛山市");
secondGroup[0][3][3]=new Option("珠海市");
file://以下是美國的第三選項
secondGroup[1][0][0]=new Option("紐約市1");
secondGroup[1][0][1]=new Option("紐約市2");
secondGroup[1][0][2]=new Option("紐約市3");
secondGroup[1][0][3]=new Option("紐約市4");
secondGroup[1][1][0]=new Option("加利福尼亞1");
secondGroup[1][1][1]=new Option("加利福尼亞2");
secondGroup[1][1][2]=new Option("加利福尼亞3");
secondGroup[1][1][3]=new Option("加利福尼亞4","d:\\a.html");
secondGroup[1][2][0]=new Option("華盛頓州1");
secondGroup[1][2][1]=new Option("華盛頓州2");
secondGroup[1][2][2]=new Option("華盛頓州3");
secondGroup[1][2][3]=new Option("華盛頓州4");
secondGroup[1][3][0]=new Option("阿拉斯加州1");
secondGroup[1][3][1]=new Option("阿拉斯加州2");
secondGroup[1][3][2]=new Option("阿拉斯加州3");
secondGroup[1][3][3]=new Option("阿拉斯加州4");
file://以下是日本第三選項
secondGroup[2][0][0]=new Option("東京市1");
secondGroup[2][0][1]=new Option("東京市2");
secondGroup[2][0][2]=new Option("東京市3");
secondGroup[2][0][3]=new Option("東京市4");
secondGroup[2][1][0]=new Option("神奈川1");
secondGroup[2][1][1]=new Option("神奈川2");
secondGroup[2][1][2]=new Option("神奈川3");
secondGroup[2][1][3]=new Option("神奈川4");
secondGroup[2][2][0]=new Option("九州1");
secondGroup[2][2][1]=new Option("九州2");
secondGroup[2][2][2]=new Option("九州3");
secondGroup[2][2][3]=new Option("九州4");
secondGroup[2][3][0]=new Option("大阪1");
secondGroup[2][3][1]=new Option("大阪2");
secondGroup[2][3][2]=new Option("大阪3");
secondGroup[2][3][3]=new Option("大阪4");
file://以下是韓國第三選項
secondGroup[3][0][0]=new Option("韓國A1");
secondGroup[3][0][1]=new Option("韓國A2");
secondGroup[3][0][2]=new Option("韓國A3");
secondGroup[3][0][3]=new Option("韓國A4");
secondGroup[3][1][0]=new Option("韓國B1");
secondGroup[3][1][1]=new Option("韓國B2");
secondGroup[3][1][2]=new Option("韓國B3");
secondGroup[3][1][3]=new Option("韓國B4");
secondGroup[3][2][0]=new Option("韓國C1");
secondGroup[3][2][1]=new Option("韓國C2");
secondGroup[3][2][2]=new Option("韓國C3");
secondGroup[3][2][3]=new Option("韓國C4");
secondGroup[3][3][0]=new Option("韓國D1");
secondGroup[3][3][1]=new Option("韓國D2");
secondGroup[3][3][2]=new Option("韓國D3");
secondGroup[3][3][3]=new Option("韓國D4");
var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}
function redirect2(){
window.open(temp1.value,"","toolbar=no,location=yes,directories=no,status=no,menubar=no,scrollbars=yes, resizable=yes,copyhistory=yes,width=700,height=450");
}
file://-->
</script>
</body>
</html>