手记

textarea 换行之间的转换

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

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

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

 

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

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

 

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

123456789// 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 />要一样,尤其是 / 线前面的空格。因为返回的内容就是你提交的内容。


0人推荐
随时随地看视频
慕课网APP