Question

我有一个输入标签，我想在一个简单的计算后得到它的值并将它放在一个范围内。我做了它，但只有当用户点击＆＃34;输入＆＃34;按钮。动态地有没有办法做到这一点？没有按下按钮。

<div class="col-sm-6 col-lg-6 col-md-6">
   Number:<input id="number" type="int" onchange="updateInput(this.value)">
</div>
<div class="col-sm-6 col-lg-6 col-md-6">
   Total <span id="result"></span>
</div>

<script type="text/javascript">
  function updateInput(ish){
    document.getElementById("result").innerHTML = ish*0.05
}
</script>

Answer 1

j08691的答案将起作用，但它不会包括用户可以更新值的所有方式（例如粘贴它）。这应该包括一切：

$("#number").bind("propertychange change keyup paste input", function () {
    document.getElementById("result").innerHTML = $("#number").val()*0.05;
});

Answer 2

最简单的解决方案是改变：

onchange="updateInput(this.value)"

到

onkeyup="updateInput(this.value)"

<强> jsFiddle example

从输入值更新范围文本

2 个答案: