序列化數組在鍵盤上

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>