2012-11-05 90 views
5

我認爲這是一個簡單的,但我無法找到任何東西,除了STO上的one post here打字時顯示文字

問題是代碼不起作用。我創建了一個fiddle,這樣你就可以親自看到它。

下面是從小提琴代碼:

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

然而,我的HTML比的例子有一點不同:

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

所有我需要幫助是要顯示什麼的一種存在方式在"comment-preview"容器上輸入textarea

任何幫助指導我在這一個非常感謝。

回答

15

變化this.val()$(this).val()

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

.val是一個jQuery功能,並且可以從jQuery對象進行訪問。在處理程序中,this是DOM對象,因此您需要用$()將它包裝爲jQuery對象。

+0

哦!這個例子中有一個錯字。解釋是徹底的加上工作的例子,非常感謝。 –

5

您可以使用$(this).val()this.value,但this.val()不正確。

+0

感謝elclanrs的信息。給你一個upvote。 –

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

'.text()'會給你初始值..你應該使用'.val'或'this.value'。 http://stackoverflow.com/questions/3964646/textarea-elem-val-vs-elem-text –

+0

你說得對。編輯。 –

+0

是的,這正是我現在使用它的方式。給你一個upvote。謝謝。 –

2

您也可以嘗試這個代碼.on()

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

爲例http://jsfiddle.net/FjNzS/2/

+0

感謝您的替代代碼。給你一個upvote。 –

+0

非常感謝你!))) – RDK