jquery表單文本

Question

是否可以在表單文本字段中鍵入一些文本，並同時在DIV旁邊看到該文本，而無需首先提交表單？

喜歡的東西：

<input type="text" name="text" id="text"/> 
<div class="show_text_here"></div> 

Answer 1

怎麼是這樣的：

$('#text').keyup(function(){ 
    $('.show_text_here').html($(this).val()); 
} 

Answer 2

這不僅是可能的，它的發生就在這裏，現在！

最簡單的，你只需要綁定一個處理程序到該輸入的正確事件（.keyup（）可能...檢查http://api.jquery.com/category/events），處理程序需要做的唯一事情就是設置div與輸入中的值進行比較。

這裏有對同一議題的討論：http://forum.jquery.com/topic/how-to-display-value-of-input-in-div-object-in-real-time

Answer 3

此代碼將做複製實時的文本框的值：

$('#text').keypress(function(){ 
    $('.show_text_here').html($(this).val()); 
});