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