主题:请教高手下拉框的JavaScript问题(有点难度),谢谢
jayson999
[专家分:0] 发布于 2006-12-19 13:46:00
请教高手下拉框的JavaScript问题,有1系列不同类型的测试题目,要求
在下拉框选中题目A时出现: 问题A 问题B 问题C
在下拉框选中题目B时出现: - 问题B 问题C
在下拉框选中题目C时出现: - - 问题C
测试代码---
<html>
<script language=JavaScript type=text/javascript>
function chg()
{
var d=document.f1;
if (d.selectq.value == 0)
...???
else if (d.selectq.value == 1)
...???
else if (d.selectq.value == 2)
...???
d.submit();
}
</script>
<body>
<form name=f1 method=POST>
<table width=438 height=110><font size=3 color=#0099CC><b>
<td width=430 height=106>测试题目</b><br><br><br>
<select name=selectq onchange=chg()>
<option value=0 selected>类型A
<option value=1>类型B
<option value=2>类型C
</select>
问题A<input type=text name=QA size=4 maxlength=4>
问题B<input type=text name=QB size=4 maxlength=4>
问题C<input type=text name=QC size=4 maxlength=4>
</table>
<input type=submit name=submit value=提交>
</p>
</form>
<br><br>
需要做个javascript, 就在本页显示(不要写3个页面的,如题目A链到页面A,题目B链到页面B,题目C链到页面C)
怎样做啊,谢谢<br>
<font size=3 color=#0099CC>在下拉框</font>选中<font size=3 color=#0099CC>题目A时出现:
问题A<input type=text name=QA1 size=4 maxlength=4> 问题B <input type=text name=QB1 size=4 maxlength=4>
问题C<input type=text name=QC1 size=4 maxlength=4>
</font><br>
<font size=3 color=#0099CC>在下拉框选中题目B时出现: 问题A
- 问题B <input type=text name=QB2 size=4 maxlength=4>
问题C<input type=text name=QC2 size=4 maxlength=4>
</font><br>
<font size=3 color=#0099CC>在下拉框选中题目C时出现: 问题A
- 问题B - 问题C<input type=text name=QC3 size=4 maxlength=4>
</body>
</html>
回复列表 (共2个回复)
沙发
dreamlover [专家分:1170] 发布于 2006-12-19 14:38:00
这样行不行
<html>
<script language=JavaScript type=text/javascript>
var cacheA="";
var cacheB="";
function chg()
{
if(cacheA==""&&cacheB==""){
cacheA=A.innerHTML;
cacheB=B.innerHTML;
}
if (f1.selectq.value==2){
A.innerHTML="-";
B.innerHTML="-";
}else if(f1.selectq.value==1)
{
A.innerHTML="-";
B.innerHTML=cacheB;
}else{
A.innerHTML=cacheA;
B.innerHTML=cacheB;
}
}
</script>
<body>
<form name=f1 method=POST>
<table width=667 height=110><font size=3 color=#0099CC><b>
<td width=659 height=106>测试题目<br>
<br><br>
<select name=selectq onchange=chg()>
<option value=0 selected>类型A
<option value=1>类型B
<option value=2>类型C
</select>
问题A<div id="A" ><input type=text name=QA size=4 maxlength=4 ></div>
问题B<div id="B" ><input type=text name=QB size=4 maxlength=4></div>
问题C<div id="C" ><input type=text name=QC size=4 maxlength=4> </div>
</table>
<input type=submit name=submit value=提交>
</p>
</form>
<br><br>
需要做个javascript, 就在本页显示(不要写3个页面的,如题目A链到页面A,题目B链到页面B,题目C链到页面C)
怎样做啊,谢谢<br>
<font size=3 color=#0099CC>在下拉框</font>选中<font size=3 color=#0099CC>题目A时出现:
问题A<input type=text name=QA1 size=4 maxlength=4> 问题B <input type=text name=QB1 size=4 maxlength=4>
问题C<input type=text name=QC1 size=4 maxlength=4>
</font><br>
<font size=3 color=#0099CC>在下拉框选中题目B时出现: 问题A
- 问题B <input type=text name=QB2 size=4 maxlength=4>
问题C<input type=text name=QC2 size=4 maxlength=4>
</font><br>
<font size=3 color=#0099CC>在下拉框选中题目C时出现: 问题A
- 问题B - 问题C<input type=text name=QC3 size=4 maxlength=4>
</body>
</html>
板凳
jayson999 [专家分:0] 发布于 2006-12-19 17:24:00
测试ok, 谢谢dreamlover
我来回复