关于textarea提交的内容无法换行的解决办法
更新时间：2013年04月09日 17:08:22 作者：
本篇文章小编为大家介绍，关于textarea提交的内容无法换行的解决办法，有需要的朋友可以参考一下
当我们在页面上通过 textarea 提交数据的时候，我们我们输入的内容在提交后都会被处理为了一段内容，即使我们在 textarea 里面输入了很多的换行，提交后也是一段内容，那如果我们需要将我们输入的信息按照输入的形式保存下来该如何做呢？
这里面存在一个主要的问题是在页面显示的时候换行符是 <br /> 标签，而内容在 textarea 中显示时的换行符是 \n ，下面介绍一种方法通过 js 将输入的内容中的换行符转换为网页中的换行符。在网页数据提交钱作如下处理即可。
复制代码 代码如下:
<script type="text/javascript">
//回车转换行
var content=document.getElementById("content").value;
content=content.replace('\n','<br />');
document.getElementById("content").value=content;
//然后提交
</script>
在页面中显示的时候同样需要经过一下处理，与以上处理过程正好相反：
复制代码 代码如下:
content=content.replace('<br />','\n');
下面对 js 的 replace 函数做一下解释：
语法：
stringObject.replace(regexp/substr,replacement)
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
一、替换单个字符
复制代码 代码如下:
<script language="javascript">
var str="javascript is a good script language";
alert(str.replace("a","A"));//输出jAvascript is a good script language
</script>
二、替换字符串中存在的指定的所有字符（全部替换）
复制代码 代码如下:
<script language="javascript">
var str="javascript is a good script language";
alert(str.replace(/a/g,"A"));//输出jAvAscript is A good script lAnguAge
</script>
上述的/g，是正则表达式，这说明，在replace()还可以使用正则表达式。
当然 replace 还有更高级的用法，大家可以相关文档获取更多更多的高级用法。
相关文章
这篇文章主要介绍了JS中使用DOM来控制HTML元素的相关资料,需要的朋友可以参考下2016-07-07
这是我看了DOM编程艺术，悟透JavaScript，javascript权威指南5做的笔记，我资质不深，不能写出高深的文章， 如果你觉得笔记写得不好，可以不看我以后的。这篇文章就当作浪费你几分钟。2008-07-07
xmlHttp是一套在JavaScript脚本语言中通过Http协议传送或者接收XML及其他数据的API。2011-01-01
实例讲解JavaScript中instanceof运算符的用法
JavaScript中的instanceof运算符可以用来判断对象类型,而更重要的是instanceof能够判断对象的继承关系,这里我们就来以实例讲解JavaScript中instanceof运算符的用法2016-06-06
这篇文章主要介绍了JavaScript中的bold()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
小编给大家带来一片关于javascript的基础教学内容，关于Function函数的训练与理解，一起学习下吧。2017-12-12
下面小编就为大家带来一篇浅谈Web页面向后台提交数据的方式和选择。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
有些朋友在做div css js切换时,会碰到很多的问题，于是搜集整理了一下，拿出来和大家分享，希望可以帮助你们2012-12-12
主要包括this指向问题、向setTimeout传入参数等相关问题，下面与大家分享下以上问题的解决方法，感兴趣的朋友可以参考下2013-08-08
这篇文章主要为大家介绍了javascript作用域和作用域链，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
最新评论