【问题标题】:Calculate one variable based on changing input根据输入的变化计算一个变量
【发布时间】:2012-11-07 18:52:22
【问题描述】:

我有以下功能:

function updateInput(ish){
    document.getElementById("BetAmount").value = ish;
}

我有以下 HTML 输入:

<input class="defaultText" type="number" name="BetAmount" id="BetAmount" onchange="updateInput(this.value)">

<input type="number" name="PotentialGain" id="PotentialGain" />

当用户输入下注金额数字(BetAmount)时,我想立即显示计算得出的PotentialGain,例如,可以通过将一个常数乘以输入的指定下注金额乘以用户。

我对 JavaScript 不是很熟悉,因此非常感谢任何帮助!

【问题讨论】:

  • 什么?据我所知,没有 PHP5 输入事件……PHP 都在服务器端……
  • 这里没有 PHP,只有 HTML 和 JavaScript
  • 您拥有的是第一个示例 javascript 和第二个示例 HTML。在您展示的两个示例中都没有 PHP。
  • 对不起,我的意思是 HTML5 输入事件。

标签: javascript html input onchange


【解决方案1】:

您的代码几乎是正确的 - 您在 BetAmount 字段中显示结果,因此看不到任何更改。

将您的代码更改为:

document.getElementById("PotentialGain").value = ish;

这是一个working demo.,我将事件更改为onkeyup,因为onchange 仅在模糊时发生 - 即当字段失去焦点时。

【讨论】:

    【解决方案2】:

    这是我使用的最后一个 JQuery 函数。

    function changeBet(bet) {
    var moneyline = <?php echo json_encode($win) ?>;
    var gain = moneyline * bet;
    document.getElementById("PotentialGain").value = gain;
    }
    

    连同这些输入:

    <input type="text" name="BetAmount[]" id="BetAmount" onkeyup="changeBet(this.value);" >
    <input type="number" name="PotentialGain" id="PotentialGain" />
    

    【讨论】: