textarea 换行之间的转换

Posted 2020-09-12

在操纵表单的时候，如果你在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 />要一样，尤其是 / 线前面的空格。因为返回的内容就是你提交的内容。