28,406
社区成员
发帖
与我相关
我的任务
分享提交表单之后。怎么样马上在页面下方显示刚才的信息啊
一个网页，有报名的表单，比如姓名，电话之类的。
我填完信息，提交之后。
怎么样马上在页面下方显示我刚才提交的信息啊。
而且不影响我第二次的报名填写。
就是网页分为两部分，一部分填写信息，另一部分信息马上可以显示出来。
我填完信息，提交之后。
怎么样马上在页面下方显示我刚才提交的信息啊。
而且不影响我第二次的报名填写。
就是网页分为两部分，一部分填写信息，另一部分信息马上可以显示出来。
...全文
请发表友善的回复…
发表回复
pig510520 2010-08-17
- 打赏
- 举报
当然 可以 方法有很多 可以 用ajax 也可以 搞个Iframe
hongmaohouzi 2010-08-14
- 打赏
- 举报
做成消息联动，给你一个小例子，关于数值自动计算的。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function AddToTotal(id1,id2,id3,id4)
{
var o1 = document.getElementById(id1);
var o2 = document.getElementById(id2);
var o3 = document.getElementById(id3);
var o4 = document.getElementById(id4);
var total = 0;
if ( o1.value != "" )
total += parseInt(o1.value);
if ( o2.value != "" )
total += parseInt(o2.value);
if ( o3.value != "" )
total += parseInt(o3.value);
o4.value = total;
}
</script>
<form name="form1" method="post" action="">
<table width="800" border="0" cellspacing="0" cellpadding="5">
<tr>
<td>姓名</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>总分</td>
</tr> <tr>
<td width="45">A</td>
<td width="182"><input name="Ya" type="text" id="Ya" onChange="AddToTotal('Ya','Sa','Ea','Ta')"></td>
<td width="181"><input name="Sa" type="text" id="Sa" onChange="AddToTotal('Ya','Sa','Ea','Ta')"></td>
<td width="195"><input name="Ea" type="text" id="Ea" onChange="AddToTotal('Ya','Sa','Ea','Ta')"></td>
<td width="197"><input name="Ta" type="text" id="Ta" onChange="AddToTotal('Ya','Sa','Ea','Ta')"></td>
</tr>
<tr>
<td>B</td>
<td width="182"><input name="Yb" type="text" id="Yb" onChange="AddToTotal('Yb','Sb','Eb','Tb')"></td>
<td width="181"><input name="Sb" type="text" id="Sb" onChange="AddToTotal('Yb','Sb','Eb','Tb')"></td>
<td width="195"><input name="Eb" type="text" id="Eb" onChange="AddToTotal('Yb','Sb','Eb','Tb')"></td>
<td width="197"><input name="Tb" type="text" id="Tb" onChange="AddToTotal('Yb','Sb','Eb','Tb')"></td>
</tr>
<tr>
<td>C</td>
<td width="182"><input name="Yc" type="text" id="Yc" onChange="AddToTotal('Yc','Sc','Ec','Tc')"></td>
<td width="181"><input name="Sc" type="text" id="Sc" onChange="AddToTotal('Yc','Sc','Ec','Tc')"></td>
<td width="195"><input name="Ec" type="text" id="Ec" onChange="AddToTotal('Yc','Sc','Ec','Tc')"></td>
<td width="197"><input name="Tc" type="text" id="Tc" onChange="AddToTotal('Yc','Sc','Ec','Tc')"></td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function AddToTotal(id1,id2,id3,id4)
{
var o1 = document.getElementById(id1);
var o2 = document.getElementById(id2);
var o3 = document.getElementById(id3);
var o4 = document.getElementById(id4);
var total = 0;
if ( o1.value != "" )
total += parseInt(o1.value);
if ( o2.value != "" )
total += parseInt(o2.value);
if ( o3.value != "" )
total += parseInt(o3.value);
o4.value = total;
}
</script>
<form name="form1" method="post" action="">
<table width="800" border="0" cellspacing="0" cellpadding="5">
<tr>
<td>姓名</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>总分</td>
</tr> <tr>
<td width="45">A</td>
<td width="182"><input name="Ya" type="text" id="Ya" onChange="AddToTotal('Ya','Sa','Ea','Ta')"></td>
<td width="181"><input name="Sa" type="text" id="Sa" onChange="AddToTotal('Ya','Sa','Ea','Ta')"></td>
<td width="195"><input name="Ea" type="text" id="Ea" onChange="AddToTotal('Ya','Sa','Ea','Ta')"></td>
<td width="197"><input name="Ta" type="text" id="Ta" onChange="AddToTotal('Ya','Sa','Ea','Ta')"></td>
</tr>
<tr>
<td>B</td>
<td width="182"><input name="Yb" type="text" id="Yb" onChange="AddToTotal('Yb','Sb','Eb','Tb')"></td>
<td width="181"><input name="Sb" type="text" id="Sb" onChange="AddToTotal('Yb','Sb','Eb','Tb')"></td>
<td width="195"><input name="Eb" type="text" id="Eb" onChange="AddToTotal('Yb','Sb','Eb','Tb')"></td>
<td width="197"><input name="Tb" type="text" id="Tb" onChange="AddToTotal('Yb','Sb','Eb','Tb')"></td>
</tr>
<tr>
<td>C</td>
<td width="182"><input name="Yc" type="text" id="Yc" onChange="AddToTotal('Yc','Sc','Ec','Tc')"></td>
<td width="181"><input name="Sc" type="text" id="Sc" onChange="AddToTotal('Yc','Sc','Ec','Tc')"></td>
<td width="195"><input name="Ec" type="text" id="Ec" onChange="AddToTotal('Yc','Sc','Ec','Tc')"></td>
<td width="197"><input name="Tc" type="text" id="Tc" onChange="AddToTotal('Yc','Sc','Ec','Tc')"></td>
</tr>
</table>
</form>
</body>
</html>
alenk 2010-08-14
- 打赏
- 举报
是不是这样呢。试试下面的代码。没有经过测试，有错误自己改，O(∩_∩)O~
<html>
<head>
<title>test</title>
</head>
<body>
<form name="form1" action="" method="post">
<input type="text" name="user"><br>
<input type="text" name="phone"><br>
<input type="submit" value="click">
</form>
<%
dim varuser,varphone
varuser=request.form("user")
varphone=request.form("phone")
response.write"姓名："&varuser&<br>
response.write"电话："&varphone
%>
</body>
</html>
