帝国CMS报名系统插件

下载方式：免费下载
插件类型: 帝国CMS免费插件
插件大小：3.58 KB
发布时间：2010-05-11
插件编码：UTF-8
浏览次数：2.5万+

暂停下载

插件介绍

提示：您可以先修改部分代码再运行

<!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>帝国CMS报名插件网上报名系统</title>
<meta name="description" content="帝国CMS系统网上报名"/>
<meta name="keywords" content="网上报名系统"  />
<style type="text/css">
<!--
.STYLE2 {color: #990000}
.STYLE2 {color: #990000}
*{ margin:0 auto; padding:0;}
body{
	color:#363636;
	background:#CFE1ED url(bgbody.gif) repeat-x;
	FONT-SIZE: 14px;
	MARGIN: 7px 0px 15px;
	FONT-FAMILY: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	TEXT-ALIGN: center;
	margin:0px auto;
}
#content {
width:640px;
text-align:left;
}
#top{
width:640px;
}
#bottom{
width:640px;
}
#content h1{
font-size:18px;
font-family:inherit;
padding-top:20px;
background-image:none;
border-bottom:#000000 solid 1px dotted;}
.info{
width:640px;
text-align:left;
font-size:14px;
border-bottom:#333333 solid 1px dotted;}
.info h2{
font-size:16px;
padding-top:10px;
font-family:inherit;}
.info p{
font-size:14px;
font-family:inherit;
line-height:18px;}
.info .reg{
	font-weight:bold;
	color:#990000;
}
form .reg{
	font-weight:bold;
	color:#990000;
}
form ul{
margin:0 auto;
padding:5px;}
form li{
margin-top:5px;
margin-left:9px;}
.biaodan{
width:640px;
background:none;}
.biaodan .desc{
color:#444444;
font-size:14px;}
.biaodan h2{
margin-top:5px;
font-size:14px;
font-family:inherit;}

-->
</style>
</head>
<body>
<div id="content">
<h1>帝国CMS系统网上报名系统,请先阅读招生简章</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、咨询电话：138888888</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 就是要选择的专业

标签