<!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>
</head>
<body>
<form action="/vbao/externalBankPay.do?method=testExternal&" name="testExternal" id="testExternal" method="POST">
<table width="80%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td><table width="100%" border="0" align="center" cellpadding="0"
cellspacing="0" class="lrd-3">
<tr>
<td height="125" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="40" class="font3"><div align="right">交易类型: </div></td>
<td height="40"><div align="left" class="font1">
<select name="tradeType" οnchange="test_change()" id="tradeType">
<option value="1">即时到帐</option>
<option value="2">基于交易</option>
</select>
</div></td>
<td height="40"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="40" class="font3"><div align="right">商品名称: </div></td>
<td height="40"><div align="left">
<input type="text" name="goodsName" size="50" value="" >
<font color="red">*</font> </div></td>
<td height="40"> </td>
</tr>
<tr>
<td height="40" class="font3"><div align="right">商品单价: </div></td>
<td height="40"><input type="text" name="goodsPrice" size="50" value="" >
<font class="font3">元</font><font
color="red">*</font> </td>
<td height="40"> </td>
</tr>
<tr id="postModeTr">
<td height="40" class="font3"><div align="right">邮寄方式: </div></td>
<td height="40"><div align="left">
<select name="postMode" οnchange="test_change()" id="postMode">
<option value="1">平邮</option>
<option value="2">快递</option>
<option value="3">EMS</option>
<option value="4">不需要运输</option>
</select>
</div></td>
<td height="40"> </td>
</tr>
<tr id="postTakeOnTr">
<td height="40" class="font3"><div align="right">邮费承担方式: </div></td>
<td height="40"><div align="left">
<select name="postTakeOn" οnchange="test_change()" id="postTakeOn">
<option value="1">买方承担</option>
<option value="2">卖方承担</option>
</select>
</div></td>
<td height="40"> </td>
</tr>
<tr id="postFeeTr">
<td height="40" class="font3"><div align="right">邮费: </div></td>
<td height="40"><div align="left">
<input type="text" name="postFee" value="" id="postFee">
<font class="font3">元</font><font color="red">*</font> </div></td>
<td height="40"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</form>
<script type="text/javascript" src="prototype.js"></script>
<script language="javascript">
<!--
test_change();
function test_change(){
//Element.hide("t1","t2","t3");
if($("tradeType").value == "1")
{
Element.hide("postModeTr");
Element.hide("postTakeOnTr");
Element.hide("postFeeTr");
}else
{
Element.show('postModeTr')
if($("postMode").value == "4")
{
Element.hide('postTakeOnTr');
Element.hide('postFeeTr');
}else
{
Element.show("postTakeOnTr");
if($("postTakeOn").value == "2")
{
Element.hide("postFeeTr");
}else
{
Element.show("postFeeTr");
}
}
}
}
//-->
</script>
</body>
</html>
使用prototype控制顯示/隱藏塊
原创
©著作权归作者所有:来自51CTO博客作者sunxboy的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
实践使用Sentinel来实现流量控制
实践使用Sentinel来实现流量控制
java 流量控制 sentinel -
ASP GridView嵌套、主明細顯示
C#GridView嵌套明細顯示及導出Excel
C# GridView GridView導出Excel -
隱藏Tab控件中的頁簽控件