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(); 

一個如何將能夠在output打印出這些值，而用戶在文本字段中輸入？

Answer 1

您可以將您的代碼與keyup或input事件的輸入綁定。然後，一旦獲得了這些值，就可以使用text()或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