演示的地址:演示地址 使用帝国的信息反馈系统制作完成 在这里感谢WC给于的指点和帮助 做事情一定要专注于细节。需要的朋友就拿去吧
<!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="javascript"> //获取一级菜单长度 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="javascript"> //获取一级菜单长度 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 就是要选择的专业
上传以下附件: [下载 *.rar](文件大小:2.93 KB,下载次数:491)
|