Javascript 如何在输入字段中将变量显示为总计而不是范围？

我很难在总输入字段中显示变量的内容。基本上，这段代码运行良好：

<script>
$(function() {
  $('#product-unit-val, #total-unit-sales, #number-reps').change(function() {
    var total = parseInt($("#product-unit-val").val()) *  
                parseInt($("#total-unit-sales").val()) * 
                parseInt($("#number-reps").val());
    if (!isNaN(total)) {
      $("#sales-val").html(total);
    }
  });
});
</script>

Average product unit value <input type="text" id="product-unit-val" /><br/>
Total unit sales value <input type="text" id="total-unit-sales" /><br/>
Number of reps <input type="text" id="number-reps" /><br/>
Total sales value <span id="sales-val"></span>$​​​

$（函数（）{
$（“#产品单位价值，#总单位销售额，#销售次数”）。更改（函数（）{
var total=parseInt（$（“#产品单位val”）.val（））*
parseInt（$（“#总单位销售额”）.val（））*
parseInt（$（“#number reps”）.val（）；
如果（！isNaN（总计））{
$（“#销售价值”）.html（总计）；
}
});
});
平均产品单位价值

总单位销售价值

重复次数

总销售额$​​​

但是，我希望在输入字段中显示总值，如：

<script>
$(function() {
  $('#product-unit-val, #total-unit-sales, #number-reps').change(function() {
    var total = parseInt($("#product-unit-val").val()) *  
                parseInt($("#total-unit-sales").val()) * 
                parseInt($("#number-reps").val());
    if (!isNaN(total)) {
      $("#sales-val").html(total);
    }
  });
});
</script>

Average product unit value <input type="text" id="product-unit-val" /><br/>
Total unit sales value <input type="text" id="total-unit-sales" /><br/>
Number of reps <input type="text" id="number-reps" /><br/>
Total sales value <input type ="text" id="sales-val"/>​

$（函数（）{
$（“#产品单位价值，#总单位销售额，#销售次数”）。更改（函数（）{
var total=parseInt（$（“#产品单位val”）.val（））*
parseInt（$（“#总单位销售额”）.val（））*
parseInt（$（“#number reps”）.val（）；
如果（！isNaN（总计））{
$（“#销售价值”）.html（总计）；
}
});
});
平均产品单位价值

总单位销售价值

重复次数

总销售额​

我是否错过了显而易见的事情？我就是不能让它工作

非常感谢

用于更改输入值：

$("#sales-val").val(total);

但请注意，始终指定基数：

parseInt('09') == 0
parseInt('09', 10) == 9

用于更改输入的值：

$("#sales-val").val(total);

但请注意，始终指定基数：

parseInt('09') == 0
parseInt('09', 10) == 9