<script language="javascript">
var selItm = new Array(4);
for (i=0; i<4; i++){
    selItm[i] = new Array();
}
selItm[0][0] = new Option("請選擇", " ");                    //定義基本選項
selItm[1][0] = new Option("小學數學", "小學數學");
selItm[1][1] = new Option("小學語文", "小學語文");
selItm[1][2] = new Option("小學英語", 
 
"小學英語");
selItm[2][0] = new Option("中學數學", "中學數學");
selItm[2][1] = new Option("中學物理", "中學物理");
selItm[2][2] = new Option("中學語文", "中學語文");
selItm[2][3] = new Option("中學英語", "中學英語");
selItm[2][4] = new Option("中學政治", "中學政治");
selItm[3][0] = new Option("大學數學", "大學數學");
selItm[3][1] = new Option("大學物理", "
 
大學物理");
selItm[3][2] = new Option("大學語文", "大學語文");
selItm[3][3] = new Option("大學英語", "大學英語");
selItm[3][4] = new Option("大學政治", "大學政治");
function OnS1Change(x){
    var temp = document.form1.sel12; 
    for (i=0;i<selItm[x].length;i++){
            temp.options[i]=new Option(selItm[x][i].text,selItm[x][i].value);    
 
// 實例化對象    
    }
    temp.options[0].selected=true;                            //顯示菜單1的初始值
}
function OnS2Change(str1,str2){
    if(str1>0){
        switch(str1){                                // 判斷身分
            case 1:str1="小學生";break;
            case 2:str1="中學生";break;
            case 3:str1="大學生";break;
        }
        alert("您的身分是："+str1+"\n您最喜歡的科目是："+str2);            // 輸出 信息
    }
    else
        alert("您沒有選擇身分");
}
</script>
<form name="form1" method="post" action="">
<label>您的身分是：<select name="sel1" onChange="OnS1Change(this.value)">
<option value="0">請選擇</option><option value="1">小學生</option>
<option value="2">中學生</option><option value="3">大學生</option>
</select>您最喜歡的科目：</label>

<label><!--  創建的菜單2-->
<select name="sel12"/></label><label><!--  收集所選擇的信息-->
<input type="submit" name="Submit" value="確定" onClick="OnS2Change(sel1.value,sel12.value)">
</label>

</form>

復選框聯動