Jquery實現textarea自動換行
阿新 • • 發佈:2019-02-05
今天做一個線上聊天小程式的時候,利用jquery把文字框中的內容放入文字域,發現嵌入Html程式碼<br/>沒有反應,這是去網上查查沒
找到答案,不過看到了這樣一句話:
jQuery的text()和val()都可以取到值。TextArea裡面的原始換行是"\n\r",用text()取的時候,換行變成了 "\r",用val()取的時候,換行變
成"\n",於是想到把<br/>改成\n問題解決
html程式碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Talk</title> <script type="text/javascript" src="jQuery.js"></script> <script type="text/javascript" language="javascript" src="talk.js"></script> <style type="text/css"> div.ex { background-color:#e5eecc; padding:7px; border:solid 1px #c3c3c3; } </style> </head> <body> <div align="center" > <div class="ex" style="width:40%" align="left"> <textarea id="info" ></textarea> </div> <br /> 發表內容: <input type="text" id="talk" /> <input id="submit" type="button" value="提交" /> </div> </body> </html>
JS程式碼:
$(document).ready(function(){
$("#submit").click(
function(){
$("#info").append("admin:"+$("#talk").val()+"\n");
$("#talk").val("");
} );
})