如何更改输入框上的标签标签更改？

Question

说我有一个输入框和一个标签，所以当我在输入框中输入内容时，标签会随着我的输入而自动更改。

示例：

//the result 4 is dynamically put in the label as a result of input value.
<label class="result">4</label>

//this is the input where i put a value of 2
<input type="text" class="amount" name="amount" value="2" onkeyup="compute()">

//this is the function that is called to perform the calc.
 function compute()
{
var x = document.getElementsByClassName("amount");
    document.getElementsByClassName("result").value = x.value + 2;

}

在上面的示例中，我放了2，结果会在计算结果中立即输出到标签中。

Answer 1

的JavaScript

使用：

document.getElementsByClassName("result").innerHTML = x.value + 2;

而不是

document.getElementsByClassName("result").value = x.value + 2;

因为，标签没有任何价值！ :)你正试图更新价值，这不会发生！

的jQuery

如果您想使用jQuery，请使用

var x = $('.amount').val();
$('.result').html(x + 2);

然后将它们包裹在function。

中

我希望它有效！ ：）