动态将输入内容添加到div

Question

I have an input field and a div. I want to put a live preview in a div. This is the code I have so far: http://jsfiddle.net/6Wp2j/1/

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

});

I know that I need to look out for a keyup but I don't know how to move the contents to the div. Can anyone tell me how to do this please?

Answer 1

Here's a fiddle

You just need to add $(".preview").html(this.value); inside your code.

Answer 2

Something like should work:

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

Answer 3

This should do the trick

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

Answer 4

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