提示：您可以先修改部分代碼再運行
<!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>河北師范大學(xué)商學(xué)院遠程教育網(wǎng)上報名系統</title>
<meta name="description" content="河北師范大學(xué)網(wǎng)上報名"/>
<meta name="keywords" content="網(wǎng)上報名系統" />
<link href="baoming/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.STYLE2 {color: #990000}
-->
</style>
</head>
<body>
<div id="content">
<h1>河北師范大學(xué)商學(xué)院網(wǎng)上報名系統,請先閱讀招生簡(jiǎn)章</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>說(shuō)明</h2>
<p>1、網(wǎng)上報名后老師會(huì )盡快與您聯(lián)系。</p>
<p>2、所有信息我們都將認真閱讀，承諾預約登記表的內容絕對保密，請放心填寫(xiě)，帶<span class="reg">*</span>為必填項目。</p>
<p>3、咨詢(xún)電話(huà)：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>聯(lián)系電話(huà)：
<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>
專(zhuān)業(yè)：
<select name="xueli" onChange="redirec(document.feedback.xueli.options.selectedIndex)">
<option selected>請選擇</option>
<option value="專(zhuān)科">專(zhuān)科</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">
//獲取一級菜單長(cháng)度
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("金融學(xué)", "金融學(xué)")
select2[1][1] = new Option("會(huì )計學(xué)", "會(huì )計學(xué)");
select2[1][2] = new Option("保險學(xué)", "保險學(xué)");
select2[1][3] = new Option("工商管理", "工商管理");
select2[1][4] = new Option("經(jīng)濟法", "經(jīng)濟法");
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("金融學(xué)", "金融學(xué)");
select2[2][1] = new Option("財政學(xué)", "財政學(xué)");
select2[2][2] = new Option("會(huì )計學(xué)", "會(huì )計學(xué)");
select2[2][3] = new Option("財務(wù)管理", "財務(wù)管理");
select2[2][4] = new Option("保險學(xué)", "保險學(xué)");
select2[2][5] = new Option("工商管理", "工商管理");
select2[2][6] = new Option("市場(chǎng)營(yíng)銷(xiāo)", "市場(chǎng)營(yíng)銷(xiāo)");
select2[2][7] = new Option("經(jīng)濟管理", "經(jīng)濟管理");
select2[2][8] = new Option("行政管理", "行政管理");
select2[2][9] = new Option("公共專(zhuān)業(yè)管理", "公共專(zhuān)業(yè)管理");
select2[2][10] = new Option("人力資源管理", "人力資源管理");
select2[2][11] = new Option("法學(xué)（經(jīng)濟法方向）", "法學(xué)（經(jīng)濟法方向）");
//聯(lián)動(dòng)函數
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>
有個(gè)地方要注意
<input name='enews' type='hidden' value='AddFeedback'> 必須要有添加字段
為了后臺顯示的方便，把title 作為姓名使用了，這樣就方便了
聯(lián)動(dòng)選擇菜單代碼如下：
<form name="feedback">
<select name="xueli" onChange="redirec(document.feedback.xueli.options.selectedIndex)">
<option selected>請選擇</option>
<option value="1">專(zhuān)科</option>
<option value="2">本科</option>
</select>
<select name="kemu">
<option value="請選擇" selected>請選擇</option>
</select>
</form>
<script language="java script">
//獲取一級菜單長(cháng)度
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("會(huì )計學(xué)", "會(huì )計學(xué)");
select2[1][2] = new Option("保險學(xué)", "保險學(xué)");
select2[1][3] = new Option("金融學(xué)", "金融學(xué)");
select2[1][4] = new Option("經(jīng)濟法", "經(jīng)濟法");
select2[2][0] = new Option("金融學(xué)", "1 ");
select2[2][1] = new Option("財政學(xué)", "2 ");
select2[2][2] = new Option("會(huì )計學(xué)", "3 ");
select2[2][3] = new Option("會(huì )計學(xué)", "1 ");
select2[2][4] = new Option("會(huì )計學(xué)", "2 ");
//聯(lián)動(dòng)函數
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>
把專(zhuān)業(yè)和報考科目設置成兩個(gè)字段就可以了 我的是 xiuli 控制 專(zhuān)科，本科 和 kemu 就是要選擇的專(zhuān)業(yè)
聯(lián)系客服
