<!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只能实现一次变化(单比能变双笔,但变不回来了))!!!!!!!拜托大家了
<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只能实现一次变化(单比能变双笔,但变不回来了))!!!!!!!拜托大家了
<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>
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>
if(document.getElementById("button").value=="单笔")
if(document.getElementById("button").value=="双笔")
<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>