免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 2263 | 回复: 2
打印 上一主题 下一主题

请教高手下拉框的JavaScript问题(有点难度),谢谢 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2006-12-19 13:37 |只看该作者 |倒序浏览
请教高手下拉框的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 &nbsp;
  <option value=1>类型B &nbsp;
  <option value=2>类型C &nbsp;
  </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时出现:&nbsp;
  问题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>
  &nbsp;</font><br>
<font size=3 color=#0099CC>在下拉框选中题目B时出现:&nbsp; 问题A
  -&nbsp;&nbsp; 问题B <input type=text name=QB2 size=4 maxlength=4>  
  问题C<input type=text name=QC2 size=4 maxlength=4>
  &nbsp;</font><br>
<font size=3 color=#0099CC>在下拉框选中题目C时出现:&nbsp; 问题A
  -&nbsp;&nbsp; 问题B&nbsp;&nbsp; -&nbsp; 问题C<input type=text name=QC3 size=4 maxlength=4>
   
</body>   
</html>

论坛徽章:
1
技术图书徽章
日期:2013-12-05 23:25:45
2 [报告]
发表于 2006-12-20 13:27 |只看该作者
首先,每个题目,使用DIV来定义,qx之中的x表示对应的123或者ABC
<DIV id="qx" style="display:none">
这里是题目
</DIV>
如果选择了,那么只要根据选择,设置是否显示即可
显示:document.getElementById('q'+对应的DIV编号).style.display='';
隐藏:document.getElementById('q'+对应的DIV编号).style.display='none';

论坛徽章:
0
3 [报告]
发表于 2006-12-21 12:31 |只看该作者
谢谢 HonestQiao
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP