<!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>无标题文档</title><script language="javascript" type="text/javascript">
function change(){
if(document.getElementById("button").value="单笔"){
document.getElementById("div1").style.display='none';
document.getElementById("div2").style.display=''
document.getElementById("button").value="双笔";}if(document.getElementById("button").value="双笔"){
document.getElementById("div1").style.display='';
document.getElementById("div2").style.display='none'
document.getElementById("button").value="单笔";}
}
</script></head><body>
<table width="882" height="546" border="0">
  <tr>
    <td width="172" height="34" align="center" valign="middle"> 
    选择请求者</td>
    <td width="172" height="34" align="center" valign="middle">
    选择提供者</td>
    <td width="172" height="34" align="center" valign="middle">
      选择服务</td>
    <td width="172" height="34" align="center" valign="middle">
版本</td>
    <td width="172" height="34" align="center" valign="middle">
选择操作</td>
  </tr>
  <tr>
    <td height="34" valign="middle" align="center"><form id="form1" name="form1" method="post" action="">
      <input type="text" name="textfield" />
    </form>    </td>
    <td height="34" align="center" valign="middle"><form id="form3" name="form3" method="post" action="">
      <input type="text" name="textfield2" />
    </form>    </td>
    <td height="34" align="center" valign="middle"><form id="form5" name="form5" method="post" action="">
      <input type="text" name="textfield3" />
    </form>    </td>
    <td height="34" align="center" valign="middle"><form id="form14" name="form14" method="post" action="">
      <input type="text" name="textfield8" />
    </form>    </td>
    <td height="34" align="center" valign="middle"><form id="form8" name="form8" method="post" action="">
      <input type="text" name="textfield4" />  
      </form>    
    </td>
  </tr>
  <tr>
    <td height="468" valign="top" align="center"><form id="form2" name="form2" method="post" action="">
      <select name="select" size="35"  >
        </select>
    </form>    </td>
    <td valign="top" align="center"><form id="form4" name="form4" method="post" action="">
      <select name="select2" size="35">
      </select>
    </form>    </td>
    <td valign="top" align="center"><form  id="form6" name="form6" method="post" action="" >
      <select  name="select3" size="35" >
        </select>
    </form>    </td>
    <td valign="top" align="center"><form id="form15" name="form15" method="post" action="">
      <select name="select5" size="35">
      </select>
    </form>
    </td>
    <td valign="top" align="center"><form id="form7" name="form7" method="post" action="">
      <select name="select4" size="35">
      </select>
    </form>    </td>
  </tr>
</table>
<div style="display:none" id="div1" align="center"> 
  <form id="form10" name="form10" method="post" action="">
    成功
<input type="text" name="textfield5" />
    失败
    <input type="text" name="textfield6" />
    超时
    <input type="text" name="textfield7" />
  </form>
</div><div style="display:"id="div2" align="center">
  <form id="form9" name="form9" method="post" action="">我的问题是为什么下面的BUTTON只能实现一次变化(单比能变双笔,但变不回来了))!!!!!!!拜托大家了

解决方案 »

  1.   


    <script language="javascript" type="text/javascript">
    function change(){
    if(document.getElementById("button").value=="单笔"){
    document.getElementById("div1").style.display='none';
    document.getElementById("div2").style.display=''
    document.getElementById("button").value="双笔";}if(document.getElementById("button").value=="双笔"){
    document.getElementById("div1").style.display='';
    document.getElementById("div2").style.display='none'
    document.getElementById("button").value="单笔";}
    }
    </script> 
      

  2.   

    <script language="javascript" type="text/javascript">
    function change(){
    if(document.getElementById("button").value=="单笔"){
    document.getElementById("div1").style.display='none';
    document.getElementById("div2").style.display='';
    document.getElementById("button").value="双笔";}if(document.getElementById("button").value=="双笔"){
    document.getElementById("div1").style.display='';
    document.getElementById("div2").style.display='none';
    document.getElementById("button").value="单笔";}
    }
    </script> 
      

  3.   

    楼上改得对的,if判断要用2个等号
    if(document.getElementById("button").value=="单笔")
    if(document.getElementById("button").value=="双笔") 
      

  4.   

    加else<!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>无标题文档 </title> <script language="javascript" type="text/javascript"> 
    function change(){ 
    if(document.getElementById("button").value=="单笔"){ 
    document.getElementById("div1").style.display='none'; 
    document.getElementById("div2").style.display='' 
    document.getElementById("button").value="双笔";

    else if(document.getElementById("button").value=="双笔"){ 
    document.getElementById("div1").style.display=''; 
    document.getElementById("div2").style.display='none' 
    document.getElementById("button").value="单笔";} } 
    </script> 
    </head> <body> 
    <input type="button" id="button" value="双笔" onclick="change()">
    <div style="display:none" id="div1" align="center"> 
      <form id="form10" name="form10" method="post" action=""> 
        成功 
    <input type="text" name="textfield5" /> 
        失败 
        <input type="text" name="textfield6" /> 
        超时 
        <input type="text" name="textfield7" /> 
      </form> 
    </div> <div style="display:;"id="div2" align="center"> 
      <form id="form9" name="form9" method="post" action="">
       DIV2
      </form> 
    </div> 
      

  5.   

    hoho,太感谢你了,我真太粗糙了,谢谢