Pokaż tekst podczas pisania

Question

Myślałem, że to był prosty, ale nie mogłem znaleźć niczego tam, z wyjątkiem one post here na STO.

Problem polega na tym, że kod nie działa. Stworzyłem fiddle, abyś mógł go zobaczyć sam.

Oto kod z skrzypce:

$('#someTextBox').keyup(function() { 
    $('#target').html(this.val()); 
}); 

Jednak mój HTML jest nieco inna niż np:

<textarea name="comment-box" id="comment-box" class="required"></textarea> 
... 
<p id="comment-preview"></p> 

Wszystko czego potrzebujesz pomocy to sposób na wyświetlanie co jest wpisano na textarea w kontenerze "comment-preview".

Każda pomoc przy prowadzeniu mnie na tym jest bardzo doceniana.

Answer 1

Zmień this.val() do $(this).val()

DEMO:http://jsfiddle.net/FjNzS/1/

.val jest funkcją jQuery i można uzyskać z obiektu jQuery. Wewnątrz handlera, this jest obiektem DOM i dlatego należy go opakować za pomocą $(), aby stał się obiektem jQuery.

Answer 2

Można użyć opcji $(this).val() lub this.value, ale this.val() jest niepoprawna.

Answer 3

$("#comment-box").keyup(function() { 
    $("#comment-preview").text($(this).val()); 
}); 

Answer 4

Możesz także spróbować tego kodu z .on():

$('#someTextBox').on('keyup', function(){ 
    $('#target').html($(this).val()); 
}); 

exemple http://jsfiddle.net/FjNzS/2/