Question

我想要一个显示您输入的div，但例如* 2。

我也希望它在您输入时发生。所以它必须是“活着”。

我发现很多关键词＆＃39; jquery函数，但我需要更改＆＃39;变量＆＃39;在输入字段中输入。

例如：

<input id="input" /> (types 4)

<div class="showinputhere"> (shows 8) </div>

如何执行此操作，必须在键入时立即执行。

Answer 1

使用此

$(document).ready(function()
    $('input').keyup(function(){
        $('.showinputhere').html(parseInt($(this).val(),10) *2);
    });
});

JSFiddle - ＆gt; http://jsfiddle.net/gLExt/

Answer 2

var input = document.getElementById("input");
var div = document.getElementsByClassName("showinputhere");
div = div[0];
input.addEventListener("change", function() {
    div.innerHTML = this.value * 2;
})

这是未经测试的，但可能有用。 以下是使用keyup的已修改版本，因为我们被告知更改不会自动更新。

var input = document.getElementById("input");
var div = document.getElementsByClassName("showinputhere");
div = div[0];
input.addEventListener("keyup", function() {
    div.innerHTML = this.value * 2;
})

Answer 3

尝试以下代码：

 <script>
 function calVal(inputVal){
        var input = document.getElementById("input");
        var div = document.getElementsByClassName("showinputhere");
        div = div[0];
        div.innerHTML = inputVal * 2 == 0 ? "" : inputVal * 2;
    }
</script>

并调用函数＆＃34; onkeyup＆＃34;输入事件如下：

  <input id="input" onkeyup="calVal(this.value);"/>

更改输入div（实时和传递变量）

3 个答案: