Javascript 向div动态添加输入内容

Javascript 向div动态添加输入内容,javascript,jquery,Javascript,Jquery,我有一个输入字段和一个div。我想在div中放置一个实时预览。这是我到目前为止的代码: 我知道我需要查找密钥,但我不知道如何将内容移动到div。有人能告诉我怎么做吗?这里有一个 您只需添加$.preview.htmlthis.value;在您的代码中。类似的内容应该可以工作: $("#source").on("keyup", function(){ $("#mydiv").html($(this).html()); }); 这应该能奏效 $('#source').on('keyup',

我有一个输入字段和一个div。我想在div中放置一个实时预览。这是我到目前为止的代码:

我知道我需要查找密钥,但我不知道如何将内容移动到div。有人能告诉我怎么做吗?

这里有一个


您只需添加$.preview.htmlthis.value;在您的代码中。

类似的内容应该可以工作:

$("#source").on("keyup", function(){
    $("#mydiv").html($(this).html());
});

这应该能奏效

$('#source').on('keyup', function() {
  var data = $(this).val();
  $('#result').html(data);
});

请注意:注意JSFIDLE选项:头中没有换行符会使代码最初无法找到dom元素。@NicoSantangelo$.preview.htmlthis.value@纳文:这就是我的看法,雅各布在回答中也提到了这一点。更干净:
$('#source').on('keyup', function() {
  var data = $(this).val();
  $('#result').html(data);
});
$('#source').on('keyup', function() {
    $(".preview").html(this.value);
});