基于用户输入的数字计算

Question

我目前正在使用以下解决方案根据用户输入生成一个数字到两个表单字段http://jsfiddle.net/A3qat/5/

$("#download, #contention").keyup( function(){
  var n1 = $("#download").val();
  var n2 = $("#contention").val();

  var result = n1/n2;
  $("#label").text(result);
});

所以，n1/n2 = n3

如何修改它以在下面的独立输入表单字段中显示输出(n3)，而不是纯文本。

Answer 1

小提琴：http://jsfiddle.net/A3qat/49/

你应该使用.val()

   $("#field1, #field2").keyup( function(){

         var n1 = $("#field1").val();
         var n2 = $("#field2").val();

           var result = n2/n1;
           $("#label").val(result);

    });

Answer 2

将label替换为input，将$("#label").text(result);替换为$("#label").val(result);

    <input type="number" id="field1">
    <input type="number" id="field2">
    <input id="result"></input>

<script>
    $("#download, #contention").keyup( function(){
      var n1 = $("#download").val();
      var n2 = $("#contention").val();

      var result = n1/n2;
      $("#result").val(result);
    });
</script>

演示：http://jsfiddle.net/A3qat/51/

Answer 3

如果是文本框，则可以获取文本框的值，也可以使用.val()设置文本框的值。

在你的

<input type="number" id="field1">
<input type="number" id="field2">

<span><input  type="text" id="label" ></span>

JS

   $("#field1, #field2").keyup( function(){

         var n1 = $("#field1").val();
         var n2 = $("#field2").val();

           var result = n2/n1;
           $("#label").val(result);


    });