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