Hiển thị văn bản khi nhập

Question

Tôi nghĩ rằng đây là một trong những đơn giản nhưng tôi đã không thể tìm thấy bất cứ điều gì trên mạng, ngoại trừ one post here trên STO.

Sự cố là mã không hoạt động. Tôi đã tạo một fiddle để bạn có thể tự mình xem.

Đây là mã từ fiddle:

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

Tuy nhiên, HTML của tôi là một chút khác biệt so với các ví dụ:

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

Tất cả tôi cần giúp đỡ là một cách để hiển thị những gì đang là được nhập vào số textarea trên vùng chứa "comment-preview".

Bất kỳ trợ giúp nào hướng dẫn tôi về vấn đề này đều được đánh giá cao.

Answer 1

Thay đổi this.val() để $(this).val()

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

.val là một hàm jQuery và có thể được truy cập từ đối tượng jQuery. Bên trong trình xử lý, this là đối tượng DOM và vì vậy bạn cần phải bọc nó với $() để biến nó trở thành đối tượng jQuery.

Answer 2

Bạn có thể sử dụng $(this).val() hoặc this.value, nhưng this.val() không chính xác.

Answer 3

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

Answer 4

Bạn cũng có thể thử mã này với .on():

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

dụ http://jsfiddle.net/FjNzS/2/