jquery处理textarea中的手动换行

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

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

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

 结果:

 

下面的处理就不说了哈



本文转自Artwl博客园博客,原文链接:http://www.cnblogs.com/artwl/,如需转载请自行联系原作者

相关文章
|
4月前
|
JavaScript
jquery在光标位置插入内容指定内容(input、textarea)通用
jquery在光标位置插入内容指定内容(input、textarea)通用
30 0
|
JavaScript
jQuery 回车换行、input悬浮全选...
jQuery 回车换行、input悬浮全选...
62 0
|
11月前
|
JSON JavaScript 数据格式
jQuery数据结构渲染(3):文本和input/textarea框赋值
jQuery数据结构渲染(3):文本和input/textarea框赋值
51 1
|
JavaScript
【jQuery】input textarea 文本变化的动态监听
实时监听Input textarea文本变化的监听事件:【但不包含通过js动态添加改变的文本事件】 HTML: js: /** * textarea值改变事件的监听 */ $(document).
5660 0
|
Web App开发 JavaScript 前端开发
关于JQuery取textarea内容的问题
原生 使用jq直接取id 然后: - 调用html()/text() 只能拿到初始值 更改后的值拿不到 - 调用val() 就能拿到实时的值 使用NicEdit富文本编辑器 使用 jqury 2.
1553 0
|
Web App开发 JavaScript 数据库
|
5月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
6天前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
28 2