获取表单所输入的值的问题？

Question

获取表单所输入的值，并在<div></div>中显示（只是想每个text的值对应每个div），点击提交按钮时所有表单值赋给div.
以下是网上找的相关代码，自己没改明白，求高人帮忙修改一下。
<script language="javascript">
function ff(){
 var a=document.getElementById("user").value;    //方法１　
 //  user  是指：<input id='user'  name="user1" type="text" onblur="ff()"> 中的ID ~~id='user'  // var a=document.form.user1.value;　　//方法２　
  //form 是指表单的名字  user1是指元素的名字即 name= ...
 
 document.write(a);
 //document.getElementById("mmm").innerText="aaaa";
}</script>
<form  name="form" method="get" action="1.php">
  属性一
  ：
    <input id='user'  name="user1" type="text" onblur="ff()">
    <br>
  属性二
：
    <input name="pwd" type="text" id="pwd" >
    <br>
    <input type="submit" name="Submit" value="提交" />
    <input type="reset" name="Submit2" value="重置" />
</form>
   <div id="a"></div>

Answer 1

<script language="javascript">
function ff(obj,pid){
 document.getElementById(pid).innerHTML = obj.value;
}
</script>
<form  name="form" method="get" action="1.php">
  属性一
  ：
    <input id='user'  name="user1" type="text" onblur="ff(this, 'a')">
    <br>
  属性二
：
    <input name="pwd" type="text" id="pwd"  onblur="ff(this, 'b')">
    <br>
    <input type="submit" name="Submit" value="提交" />
    <input type="reset" name="Submit2" value="重置" />
</form>
   <div id="a"></div>
   <div id="b"></div>

Answer 2

<script language="javascript">
function ff(){
  var form = document.getElementById("form_1"), result = [];
  for (var i = 0; i < form.elements.length; i++) {
    if(form.elements[i].value) result.push(form.elements[i].value);
  } 
  document.getElementById("result").innerHTML = result.join(', ');
}</script>
<form  id="form_1" method="get" action="1.php">
  属性一：<input name="user" type="text" />
  <br>
  属性二：<input name="pwd" type="text" />
  <br>
  <input type="submit" value="提交" onclick="ff();" />
  <input type="reset" value="重置" />
</form>
<div id="result"></div>

Answer 3

本页递交的话，页面就跳转了，看不到效果，要么就递交到其他页面中。
<script language="javascript">
function ff(obj,pid){
 document.getElementById(pid).innerHTML = obj.value;
}
function dosub(){
ff(document.forms[0].user1,'a');
ff(document.forms[0].pwd,'b');
document.forms[0].submit();
}
</script>
<form  name="form" method="get" action="1.php" target="_blank">
  属性一
  ：
    <input id='user'  name="user1" type="text" onblur="ff(this, 'a')">
    <br>
  属性二
：
    <input name="pwd" type="text" id="pwd"  onblur="ff(this, 'b')">
    <br>
    <input type="button" name="Submit" value="提交" onclick="dosub();"/>
    <input type="reset" name="Submit2" value="重置" />
</form>
   <div id="a"></div>
   <div id="b"></div>

Answer 4

可以提交到另一个页面，这样更好，比如提交到2.html可以吗？做个样例，谢谢了！

Answer 5

LZ可以把表单放在iframe里，提交时把值显示在iframe外的某个地方

Answer 6

我现在想提交后action="1.html" 在1.html中显示上面的页面所提交的添加后的值