码迷,mamicode.com
首页 > 其他好文 > 详细

textarea 换行之间的转换

时间:2017-04-20 11:31:44      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:replace   标签   换行符   

在操纵表单的时候,如果你在textarea输入的内容是换行的,如果没有进行相应的装换,你输出的内容是不会跟着一起换行的。如果后台返回给你的数据是带有<br />换行符的,

那么在textarea中显示的时候就会将<br />也显示出来。在其中用正则进行转换的话,就可以达到我们想要的效果。让textarea里面的换行内容输出的时候有换行显示,让后台返回的,带有<br />的内容也可以在textarea中换行显示,而不是显示<br />这个标签。

代码比较简单。代码如下:

 

1、将textarea的换行内容在html中也换行显示

1
2
// myTextarea 是我的textarea的id<br>
var textareaVal=$(‘#myTextarea‘).val().replace(/\n/g,‘<br />‘);

 

2、让返回的换行内容在textarea中也换行显示

1
2
3
4
5
6
7
8
9
// myTextarea 是我的textarea的id
 
var testText="这是一个测试例子<br />,这是测试例子2<br /> ,这是测试例子3"
 
var reg=new RegExp("<br />","g");
 
var testText2 = testText.replace(reg,"\r\n");
 
$(‘#myTextarea‘).val(testText2);

 这里注意,上面两个<br />要一样,尤其是 / 线前面的空格。因为返回的内容就是你提交的内容。


textarea 换行之间的转换

标签:replace   标签   换行符   

原文地址:http://zhangtaoze.blog.51cto.com/12776936/1917497

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!