三级联动,一怪显现,高分求助!
这是一个查询页面,环境是IE6.0,请先看看下面代码。
三个查询条件分别为单位,部门,人员;
我分别选择2,22,225,点击确定。然后我想点浏览器的返回键,
再次查询,发现我选择的2,22,225,变成了2,11,112。
经过多次测试,发现如果单位选择1都不会变,单位选择2,部门和人员都会乱变。
下面是代码,恳请各位高手帮忙~!
test.htm
_______________________________________________________________________________
<script language="JavaScript">
<!--
var subval = new Array() ;
var i;
subval[0] = new Array('1','11','111')
subval[1] = new Array('1','11','112')
subval[2] = new Array('1','11','113')
subval[3] = new Array('2','22','224')
subval[4] = new Array('2','22','225')
function changeselect2(subm)
{
document.form2.slt_sname.length = 0;
document.form2.slt_sname.options[0] = new Option('==请选择==','');
if (subval[0][0] == subm)
{
document.form2.slt_sname.options[1] = new Option(subval[0][1], subval[0][1]);
}
for (i=1; i<subval.length; i++)
{
if (subval[i][0] == subm)
{
if (subval[i][1] != subval[i-1][1])
{
document.form2.slt_sname.options[document.form2.slt_sname.length] = new Option(subval[i][1], subval[i][1]);
}
}
}
document.form2.slt_fline.length = 0;
document.form2.slt_fline.options[0] = new Option('==请选择==','');
for (i=0; i<subval.length; i++)
{
if (subval[i][0] == subm)
{
document.form2.slt_fline.options[document.form2.slt_fline.length] = new Option(subval[i][2], subval[i][2]);
}
}
}
function changeselect3(subs)
{
document.form2.slt_fline.length = 0;
document.form2.slt_fline.options[0] = new Option('==请选择==','');
for (i=0; i<subval.length; i++)
{
if ((subval[i][1] == subs))
{document.form2.slt_fline.options[document.form2.slt_fline.length] = new Option(subval[i][2], subval[i][2]);}
}
}
//-->
</script>
<html>
<head>
<body topmargin="0" rightmargin="0" leftmargin="0" bottomMargin="0" background=../images/backys.gif>
<table border=0 width=1000>
<tr><td align=left width=8>
<img border="0" src="IMAGES/ARROW.gif"></td><td>当前位置:<font color=#990000>查询</font>
</tr>
</table>
<br>
<table width=900 align=center >
<tr><td>
<table bgColor=#ccccff cellspacing=0 width=650 align=center>
<tr><td align=center>查询
<tr><td>
<table width=100% background="images/backys.gif">
<form method=post name=form2 action="GZXXLB.asp">
<tr><td width="30%" align="right">单位:
<TD><SELECT id=slt_corp name=slt_corp style="HEIGHT: 22px; WIDTH: 262px" onchange="changeselect2(this.value)">
<option value="">==请选择==</option>
<OPTION value="1">1</OPTION>
<OPTION value="2">2</OPTION>
</SELECT>
<TR><TD align="right">部门:
<TD><SELECT id=slt_sname name=slt_sname
style="HEIGHT: 22px; WIDTH: 261px" LANGUAGE=javascript onchange="changeselect3(this.value)">
<option value="">==请选择==</option>
<OPTION value="11">11</OPTION>
<OPTION value="22">22</OPTION>
</SELECT>
<TR><TD align="right">人员:<TD>
<SELECT id=slt_fline name=slt_fline
style="HEIGHT: 22px; WIDTH: 262px">
<option value="">==请选择==</option>
<OPTION value="111">111</OPTION>
<OPTION value="222">112</OPTION>
<OPTION value="113">113</OPTION>
<OPTION value="224">224</OPTION>
<OPTION value="225">225</OPTION>
</SELECT>
<tr>
<td colspan="2" align="center"><br>
<span style="color:red">* 请选择合适的查询条件,否则可能造成查询不到数据查询数据很多,查询速度很慢!</span><br>
<br>
<tr>
<td align="right">
<td align="left">
<input id="submit1" name="submit" type="submit" value="查询" >
<input id="reset1" name="reset" type="reset" value="重设">
</form>
</TABLE>
</TABLE>
<p align=center>
<a href="javascript:history.back()">返回</a>
</TABLE>
</BODY>
</HTML>