javascript - 使用 Javascript 的 HTML 中两个字段的区别

标签 javascript html textfield

我在网上搜索了(我期望的)这个问题的基本答案。

我有一个 HTML 表单,正在为特定系统组合在一起。我有两个文本字段,用户将在其中输入两个温度。我想要第三个文本字段 onBlur,将生成这两个温度之间的差异。我有一个脚本,我认为它正朝着正确的方向前进,但不起作用。由于我将使用它的系统,我不能在 HTML 中包含标签。

我的脚本:

    <script language="javascript" type="text/javascript">
    <!--
    function calculate_temp(TempIn, TempOut) {
    var TempIn = parseInt(document.getElementById('TempIn').value);
    var TempOut   = parseInt(document.getElementById('TempOut').value); 
    var Delta = TempIn - TempOut;
    document.getElementById('Delta').innerHTML = Delta
    }
    // -->
    </script>

我的 HTML:

    <body> 
    <div> 
    <p><label for="TempIn">TempIn: </label><input type="text" name="TempIn" id="TempIn" /></p>
    <p><label for="TempOut">TempOut: </label><input type="text" name="TempOut" id="TempOut" /></p>
    <p><label for="Delta">Delta: </label> <input type="text" name="Delta" id="Delta" onBlur="calculate_temp(this.form.TempIn.value, this.form.TempOut.value)"/></p>
    </div> 
    </body>

谁能解释一下我在这里做错了什么?再次,我希望用户输入 TempIn,点击 Tab,输入 TempOut,点击 Tab,然后自动计算 Delta。

就像我说的,我在网上找到的每个资源的方式都略有不同,但如果我使用任何一种方法,我似乎都无法让它工作。

非常感谢任何帮助。谢谢。

最佳答案

input 没有 innerHTML,您应该使用值。

document.getElementById('Delta').value = Delta

此外,始终将第二个参数传递给作为基数的parseInt。否则它经常会猜错基数。

关于javascript - 使用 Javascript 的 HTML 中两个字段的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10505359/

相关文章:

flutter - 晦涩的文本禁用键盘

javascript - 带有自定义工具栏的多个 Ckeditor 内联编辑器

javascript - 结合href Bootstrap自动执行数据切换

javascript - 如何在用户将鼠标悬停在文本上时删除文本

javascript - 使用第 3 方插件时包裹 child

java - libgdx 文本字段中的特殊字符不起作用

javascript - 将请求从 https 发送到 chrome 扩展的 http

javascript - Phonegap + jQuery Mobile 改进

iPad/iphone 上的 HTML5 视频背景

java - 如 Windows 7 计算器中所示合并文本字段