根据用户输入计算数量

时间:2015-06-30 09:35:21

标签: javascript jquery

我目前正在使用以下解决方案根据用户输入生成一个数字到两个表单字段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)而不是纯文本

3 个答案:

答案 0 :(得分:0)

小提琴: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);

    });

答案 1 :(得分:0)

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/

答案 2 :(得分:0)

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

设置文本框的值

在你的

<强> HTML

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


    });