Javascript 在keyup上序列化数组

在提交之前，我有一份带有审查页的零件订单。我希望显示所有输入值，以便用户在提交表单之前可以仔细检查表单。下面的代码只在单击按钮时起作用，但我想在键盘上起作用：

<form action="">
  Field1: <input type="text" name="test1" value="test1" class="displayvalues"><br>
  Field2: <input type="text" name="test2" value="test2" class="displayvalues"><br>
  Field3: <input type="text" name="test3" value="test3" class="displayvalues"><br>
</form>

 <div id="results"></div>

 <button>Serialize form values</button>

试试这个

字段1:

字段2:

字段3:

$（文档）.ready（函数（）{
$（“.displayvalues”）.keyup（函数（）{
$（“#结果”）.html（“”）；
$（“.displayvalues”）.each（函数（）{
$（“#结果”）.append（this.name+”：“+this.value+”）；
});
});
});

 $(document).ready(function(){
  $(".displayvalues").keyup(function(){
    var x = $("form").serializeArray();
    $.each(x, function(i, field){
        $("#results").append(field.name + ":" + field.value + " ");
         });
     });
 });