首页 > 代码库 > textarea 换行之间的转换

textarea 换行之间的转换

2024-09-16 00:27:26   215人阅读

在操纵表单的时候，如果你在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 换行之间的转换


联系
我们