Question

javascript 提交表单输出表单值，再次提交时保留第一次的值

<script language=javascript>
function abc() {
var values=document.getElementById("key").value;
document.getElementById("showme").innerHTML='您输入的是'+':'+'<h1>'+"<font color='red'>"+values+'</font>'+'</h1>';
}
</script>
<div align=center>
<input type=text id="key" size=20 onBlur="abc();">
<input type=button value=确定></div>
<div align=center id="showme">
</div>

这是提交表单并输出表单值的程序，我想在这个代码基础上，继续达到：

第一次提交以后，输出表单的值：aaa
第二次提交以后，输出第二次的值：bbb
……

按着上面程序，每次提交都要刷新，不显示上次输出的值，只显示档次提交的值，
有什么办法每次提交时，都要保留前面所有输出的值

aaa
bbb
ccc
……

我想要具体，详细，直接可用的代码。
上面代码我在dw试过的，的确是在点 确定以后才输出的，另外尽量用javascript，php勉强可以，其他语言的都不要。

Answer 1

方法有n种
1、表单提交方式：
1）Get方式提交
function UrlSearch() {
var name,value;
var str = window.location.href; //取得整个地址栏
var num = str.indexOf("?");
str = str.substr(num+1); //取得所有参数
var arr = str.split("&"); //各个参数放到数组里
for ( var i = 0; i < arr.length; i++ ) {
num = arr[i].indexOf("=");
if ( num > 0 ) {
name = arr[i].substring(0,num);
value = arr[i].substr(num+1);
this[name] = value;
}
}
}
var Request = new UrlSearch();
//以上是模拟asp的Request对象的QueryString方法
var Key = Request.key //获取上次提交的参数key的值
//有了这个值就可以在document.getElementById("showme").innerHTML赋值时写成Key + values
2）Post方式提交
可以借助asp，如
var Key = "<%=request.Form("key")%>";
之后同理，在赋值时写成Key + values
2、使用ajax
1）不使用表单提交，而使用ajax发送数据，如此页面就不会刷新了，既可以实现表单提交的要求，又可以用js随意修改页面上的文字。
2）使用ajax将上次提交的数据记录到Session或Cookie，供下次调用
3、用js把上次提交的数据记录到Cookie，供下次调用。

Answer 2

你的这段代码只是在鼠标焦点离开文本输入框的时候将文本框的值显示出来，你的按钮没有起作用。

<script language=javascript>
var HtmlInf='您输入的是'+':';
function abc() {
var values=document.getElementById("key").value;
HtmlInf+='<h1>'+"<font color='red'>"+values+'</font>'+'</h1>';
document.getElementById("showme").innerHTML=HtmlInf
}
</script>
<div align=center>
<input type=text id="key" size=20 >
<input type=button value=确定 onclick="abc();"></div>
<div align=center id="showme">
</div>

Answer 3

你说的提交是什么意思,按上面的代码只是onBlur的时候就调用abc()了,跟点不点确定按钮一点关系都没有.

Answer 4

只能用javascript么？