本文介绍了一个支付流程配置页面的设计，包括交易类型、商品信息、邮寄方式等选项。通过这些配置可以灵活地设定不同的支付场景。
<!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>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
