jquery處理textarea中的手動換行

 

textarea的手動換行會產生換行標誌,但這個標誌存在卻看不到,存入數據庫中後讀出來顯示在頁面上卻不會換行,如何處理呢?

網上衆說紛紜,通過測試用 textarea的內容.replace(/\n/g, "<br/>") 解決問題,在IE6/7/8/9 Firefox/3.6.13 chrome10.0.648.82下測試經過,示例代碼以下:javascript

優勢:保費便宜<br/>缺點:本車及本車人員無保障<br/>適用:老司機11
<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="測試"/>
</body>
</html>

 

數據庫存的效果html

優勢:保費便宜<br/>缺點:本車及本車人員無保障<br/>適用:老司機11

界面回顯操做java

var reg=new RegExp("<br/>","g");
                    var stt= obj.detail.replace(reg,"\r\n");
                    jQuery("#parameters").val(stt);

 

原文參考地址:http://www.cnblogs.com/artwl/archive/2011/02/23/1962551.htmljquery

相關文章
相關標籤/搜索