提示:您可以先修改部分代码再运行
<!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>
<meta name="description" content="河北师范大学网上报名"/>
<meta name="keywords" content="网上报名系统" />
<link href="baoming/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.STYLE2 {color: #990000}
-->
</style>
</head>
<body>
<div id="content">
<h1>河北师范大学商学院网上报名系统,请先阅读招生简章</h1>
<form class="biaodan" name='feedback' method='post' enctype='multipart/form-data' action='../../enews/index.php'>
<input name='enews' type='hidden' value='AddFeedback'>
<div class="info">
<h2>说明</h2>
<p>1、网上报名后老师会尽快与您联系。</p>
<p>2、所有信息我们都将认真阅读,承诺预约登记表的内容绝对保密,请放心填写,带<span class="reg">*</span>为必填项目。</p>
<p>3、咨询电话:0311-86260223 83927693 13933170101</p></div>
<ul>
<li><label>姓名:
<input type="text" name="title" id="title" onfocus="" />
</label><span class="reg">*</span></li>
<li>
<label>性别:
<select name="sex" size="1" id="sex">
<option selected="selected">请选择</option>
<option>男</option>
<option>女</option>
</select>
</label><span class="reg">*</span>
</li>
<li><label>年龄:
<input name="age" type="text" id="age" size="10" />
</label><span class="reg">*</span></li>
<li>
<label>联系电话:
<input type="text" name="call" id="call" />
</label>
<span class="reg">*</span></li>
<li>
<label>邮箱:
<input type="text" name="email" id="email" />
</label>
<span class="reg">*</span></li>
<li>
<label>邮编:
<input type="text" name="youbian" id="youbian" />
</label>
<span class="reg">*</span></li>
<li>
<label>通讯地址:
<input name="address" type="text" id="address" size="50" />
</label>
<span class="reg">*</span></li>
<li>
专业:
<select name="xueli" onChange="redirec(document.feedback.xueli.options.selectedIndex)">
<option selected>请选择</option>
<option value="专科">专科</option>
<option value="本科">本科</option>
</select>
<select name="kemu">
<option value="请选择" selected>请选择</option>
</select>
</li><span class="reg">*</span>
<li>
<label>备注:
<textarea name="saytext" id="saytext" cols="45" rows="5"></textarea>
</label>
<span class="reg STYLE2">*</span></li>
<li>
<label>
<input type="submit" name="submit" id="submit" value="提交" />
</label>
</li>
</form>
<script language="java script">
//获取一级菜单长度
var select1_len = document.feedback.xueli.options.length;
var select2 = new Array(select1_len);
//把一级菜单都设为数组
for (i=0; i<select1_len; i++)
{
select2[i] = new Array();
}
//定义基本选项
select2[0][0] = new Option("请选择", " ");
select2[1][0] = new Option("金融学", "金融学")
select2[1][1] = new Option("会计学", "会计学");
select2[1][2] = new Option("保险学", "保险学");
select2[1][3] = new Option("工商管理", "工商管理");
select2[1][4] = new Option("经济法", "经济法");
select2[1][5] = new Option("", "");
select2[1][6] = new Option("", "");
select2[1][7] = new Option("", "");
select2[1][8] = new Option("", "");
select2[1][9] = new Option("", "");
select2[1][10] = new Option("", "");
select2[1][11] = new Option("", "");
select2[2][0] = new Option("金融学", "金融学");
select2[2][1] = new Option("财政学", "财政学");
select2[2][2] = new Option("会计学", "会计学");
select2[2][3] = new Option("财务管理", "财务管理");
select2[2][4] = new Option("保险学", "保险学");
select2[2][5] = new Option("工商管理", "工商管理");
select2[2][6] = new Option("市场营销", "市场营销");
select2[2][7] = new Option("经济管理", "经济管理");
select2[2][8] = new Option("行政管理", "行政管理");
select2[2][9] = new Option("公共专业管理", "公共专业管理");
select2[2][10] = new Option("人力资源管理", "人力资源管理");
select2[2][11] = new Option("法学(经济法方向)", "法学(经济法方向)");
//联动函数
function redirec(x)
{
var temp = document.feedback.kemu;
for (i=0;i<select2[x].length;i++)
{
temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);
}
temp.options[0].selected=true;
}
</script>
</div>
</body>
</html>
有个地方要注意
<input name='enews' type='hidden' value='AddFeedback'> 必须要有添加字段
为了后台显示的方便,把title 作为姓名使用了,这样就方便了
联动选择菜单代码如下:
<form name="feedback">
<select name="xueli" onChange="redirec(document.feedback.xueli.options.selectedIndex)">
<option selected>请选择</option>
<option value="1">专科</option>
<option value="2">本科</option>
</select>
<select name="kemu">
<option value="请选择" selected>请选择</option>
</select>
</form>
<script language="java script">
//获取一级菜单长度
var select1_len = document.feedback.xueli.options.length;
var select2 = new Array(select1_len);
//把一级菜单都设为数组
for (i=0; i<select1_len; i++)
{
select2[i] = new Array();
}
//定义基本选项
select2[0][0] = new Option("请选择", " ");
select2[1][0] = new Option("工商管理", "工商管理")
select2[1][1] = new Option("会计学", "会计学");
select2[1][2] = new Option("保险学", "保险学");
select2[1][3] = new Option("金融学", "金融学");
select2[1][4] = new Option("经济法", "经济法");
select2[2][0] = new Option("金融学", "1 ");
select2[2][1] = new Option("财政学", "2 ");
select2[2][2] = new Option("会计学", "3 ");
select2[2][3] = new Option("会计学", "1 ");
select2[2][4] = new Option("会计学", "2 ");
//联动函数
function redirec(x)
{
var temp = document.feedback.kemu;
for (i=0;i<select2[x].length;i++)
{
temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);
}
temp.options[0].selected=true;
}
</script>
把专业和报考科目设置成两个字段就可以了 我的是 xiuli 控制 专科,本科 和 kemu 就是要选择的专业
联系客服