您的位置：首页 > Web前端 > JavaScript

js下拉列表

2016-02-23 13:10 579 查看

选老师/学生,提交表单,并且可以分别转不同服务器端程序运行

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航