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

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.

我希望它有效！:)