2008-05-13

使用prototype控制顯示／隱藏塊

关键字: prototype 
<!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" onchange="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" onchange="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" onchange="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>
 
评论
发表评论

您还没有登录，请登录后发表评论

sunxboy
搜索本博客
我的相册
031cfa49-e0bb-35a3-b77e-c89724f0671a-thumb
b48abcac33f225a880bb1b3a5950b3d5273e6852.jpg
共 10 张
存档
最新评论