根据输入框自动更新文本框

时间:2014-01-04 21:20:33

标签: javascript jquery

我这里有两个输入框。

<input type="text" name="ltc">
<input type="text" name="btc" readonly>

好的,现在我想要的是......当我在第一个文本框中输入一些值时,那个值将乘以一个常数,结果将显示在 btc 文本框。

我想这可以通过jQuery完成,但我不知道如何做到这一点(因为我对jQuery有限/没有知识)。 有人可以指导我吗?

感谢。

1 个答案:

答案 0 :(得分:5)

快速解决方案:

html代码:

<input type="text" name="ltc" id="input-ltc">
<input type="text" name="btc" readonly id="input-btc">

的javascript:

var inputLtc = document.getElementById('input-ltc'),
inputBtc = document.getElementById('input-btc');

var constantNumber = 2;

inputLtc.onchange = function() {
   var result = parseFloat(inputLtc.value) * constantNumber;
   inputBtc.value = !isNaN(result) ? result : '';
};

jsfiddle:http://jsfiddle.net/6KT4R/

编辑:

您可以在输入时使用onkeydown获取结果。