序列化数组在键盘上

Question

我有一个零件订单和提交前的审查页面。我想显示所有输入值，以便用户可以在提交之前仔细检查表单。下面的代码工作在一个按钮点击，但我想这样做在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> 

jQuery的

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

Answer 1

试试这个

<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> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
    $(".displayvalues").keyup(function(){ 
 
\t $("#results").html(''); 
 
    $(".displayvalues").each(function(){ 
 
     $("#results").append(this.name + ":" + this.value + " "); 
 
     }); 
 
    }); 
 
}); 
 
    
 
</script>