js下拉列表

選老師/學生,提交表單,並且可以分別轉不同服務器端程序運行


<html>
    <head>
        <title>home_work_3</title>
        <script language="javascript">
                function f(){
                    var stu = new Array();
                    stu["張老師"] = ["劉重","炳榮"];
                    stu["蘇老師"] =["老汪","劉重"];
                    
                    var sle_teacher = document.getElementById("teacher");
                    var teacher_v = sle_teacher.value;
                    
                    var sle_stu = document.getElementById("stu");
                    
                    for(var i = 0; i < stu[teacher_v].length;i++){
                        var option = new Option(stu[teacher_v][i],stu[teacher_v][i]) ;
                        sle_stu.add(option);
                    }
                }
                
            
                function f_1(){
                        var form_obj = document.getElementById("myForm");
                        var sle_teacher = document.getElementById("teacher");
                        var teacher_v = sle_teacher.value;
                        if(teacher_v == "張老師"){
                            form_obj.action="zhanglaoshi.html";
                        }else{
                            form_obj.action="sue.html";
                        }
                        form_obj.submit();
                    }
        </script>
    </head>
    <body>
        <form method="post" action="" id="myForm">
            <select id="teacher" onchange="f()">
                <option>請選擇</option>
                <option value="張老師">張老師</option>
                <option value="蘇老師">蘇老師</option>
            </select>
            <select id="stu" >
            </select>
            <input type="button" value="submit" onclick="f_1()"/>
        </form>
    </body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章