2013-10-13 33 views
0

我的textarea出現問題。當你輸入一個textarea時,我嘗試了很多東西來使div中的文本發生變化(實時)。 例如,你有一個textarea,和一個完全不同的div,與textarea無關。重點是,如果可以實時更改文本,並且如果可以,從哪裏開始?當您在textarea中輸入文本時,將文本轉換爲另一個div

在此先感謝!

+0

你到目前爲止試過了什麼?發佈一些不起作用的代碼,我們會嘗試將您指向正確的方向。 –

+0

你的意思是說打字時文本區域中的文本以div顯示嗎? –

回答

3

在花了我寫的jsfiddle的時候,它看起來像其他人毆打我的答案。儘管我認爲我的回答稍微好一點,因爲它緩存了jQuery對象以獲得更快的響應,這對於實時打字等事情很重要。 http://jsfiddle.net/nrVM8/

$(function() { 
    $source=$("#source"); 
    $output=$("#output"); 
    $source.keyup(function() { 
     $output.text($source.val()); 
    }); 
}); 
2
$("#mytextarea").keyup(function() { 
    $("#mydiv").html($("#mytextarea").val()); 
}); 
2

HTML:

<textarea id="input"> 
</textarea> 
<div id="preview"> 

JS:

$("#input").keyup(function() { 
    $("#preview").text(this.value); 
}); 

在操作中查看here

相關問題