將輸入的內容動態添加到div

Question

我有一個輸入字段和一個div。我想要在div中進行實時預覽。這是我到目前爲止的代碼：http://jsfiddle.net/6Wp2j/1/

$('#source').on('keyup', function() { 

}); 

我知道，我需要尋找一個KEYUP，但我不知道怎麼的內容移動到div。誰能告訴我如何做到這一點？

Answer 1

這裏有一個fiddle

你只需要添加$(".preview").html(this.value);您的代碼中。

Answer 2

喜歡的東西應該工作：

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

Answer 3

這應該做的伎倆

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

Answer 4

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