帮助了 AmazingCounters.com 位小伙伴

jquery处理textarea中的手动换行

 

textarea的手动换行会产生换行标志,但这个标志存在却看不到,存入数据库中后读出来显示在页面上却不会换行,如何处理呢?

网上众说纷纭,经过测试用 textarea的内容.replace(/\n/g, "<br/>") 解决问题,在IE6/7/8/9 Firefox/3.6.13 chrome10.0.648.82下测试通过,示例代码如下:

优点:保费便宜<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>
复制代码

 

数据库存的效果

优点:保费便宜<br/>缺点:本车及本车人员无保障<br/>适用:老司机11

界面回显操作

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.html

 

posted on   云的旋律  阅读(6806)  评论(0编辑  收藏  举报

编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决
历史上的今天:
2015-07-26 象牙塔尖

导航

统计

前端攻城狮分享群
点击右上角即可分享
微信分享提示