我正在收集一个文本区域值(十进制数),使用它的 id 到一个 javascript 变量,添加另一个变量值(十进制数),并在同一个 html 页面中显示结果
文字区号:
<div class="input-resp"><span><input class="textbox" id="num" name="count" type="text" size="5" maxlength="3" value="" /></span></div>
将值传递给 var 并将其添加到另一个 var
var a = document.getElementById('num').value;
var b = 1000;
var c = parseFloat(a) + parseFloat(b);
将 var c 传递给 div id 测试
document.getElementById("test").innerHTML = c;
测试 id 的 html
<div id="test"></div>
但是在这里,每当我用新数字更新文本区域时,最终输出不会立即更新。我手动刷新页面以获得新值。无论如何,我是否可以在不刷新页面的情况下更新值?
最佳答案
如果它要在您输入输入时更新,您需要一个事件处理程序:
document.getElementById('num').onkeyup = function() {
var a = 1000 + parseFloat(this.value);
document.getElementById("test").innerHTML = a || 0;
}
关于javascript - 如何在不刷新页面的情况下更新html中的javascript变量值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17900348/