jquery動的に入力の値を出力する

Question

jqueryを実行する動的計算プログラムで作業していますが、これまでのところうまくいきません。もちろん、変数に値を格納できます（ここのコードを参照）。

<form> 
    Tafeltje van: 
    <input type="number" name="tafel" id="tafel" /> 

    Aantal: 
    <input type="number" name="aantal" id="aantal" /> 
</form> 
<div id="output"></div> 

とJS：

var tafel = $('#tafel').val(); 
var aantal = $('#aantal').val(); 

どのように1は、ユーザーがテキストフィールドに入力されている間outputでこれらの値をプリントアウトすることができるだろうか？

Answer 1

入力のkeyupまたはinputイベントでコードをバインドすることができます。値を取得したら、またはhtml()のいずれかを使用して、任意の形式で#output divの値を表示できます。

// $("input").on("keyup", function(){ 
$("input").on("input", function(){ 
    var tafel = $('#tafel').val(); 
    var aantal = $('#aantal').val(); 

    $("#output").text("tafel: " + tafel + " aantal: "+aantal); 
});//keyup