回 帖 发 新 帖 刷新版面

主题:请教高手下拉框的JavaScript问题(有点难度),谢谢


请教高手下拉框的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>  

回复列表 (共2个回复)

沙发

这样行不行
<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 &nbsp;
  <option value=1>类型B &nbsp;
  <option value=2>类型C &nbsp;
  </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时出现:&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>  

板凳

测试ok,  谢谢dreamlover

我来回复

您尚未登录,请登录后再回复。点此登录或注册