jquery處理textarea中的手動(dòng)換行
textarea的手動(dòng)換行會(huì)產(chǎn)生換行標(biāo)志，但這個(gè)標(biāo)志存在卻看不到，存入數(shù)據(jù)庫中后讀出來顯示在頁面上卻不會(huì)換行，如何處理呢？
網(wǎng)上眾說紛紜，經(jīng)過測(cè)試用 textarea的內(nèi)容.replace(/\n/g, "<br/>") 解決問題，在IE6/7/8/9 Firefox/3.6.13 chrome10.0.648.82下測(cè)試通過，示例代碼如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YES!B/S!文章示例頁面</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function testabc()
{
var content=$("#test").val().replace(/\n/g,"<br/>");
alert(content);
}
</script>
</head>
<body>
<textarea id="test" rows="4" style="width: 406px; overflow-y: auto;"></textarea><br>
<input type="button" onclick="testabc()" value="測(cè)試"/>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YES!B/S!文章示例頁面</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function testabc()
{
var content=$("#test").val().replace(/\n/g,"<br/>");
alert(content);
}
</script>
</head>
<body>
<textarea id="test" rows="4" style="width: 406px; overflow-y: auto;"></textarea><br>
<input type="button" onclick="testabc()" value="測(cè)試"/>
</body>
</html>
結(jié)果：
下面的處理就不說了哈
作者：Artwl
本文首發(fā)博客園，版權(quán)歸作者跟博客園共有。轉(zhuǎn)載必須保留本段聲明，并在頁面顯著位置給出本文鏈接，否則保留追究法律責(zé)任的權(quán)利。
浙公網(wǎng)安備 33010602011771號(hào)