textarea中的手动换行处理的jquery代码
更新时间：2011年02月26日 00:22:35 作者：
textarea的手动换行会产生换行标志，但这个标志存在却看不到，存入数据库中后读出来显示在页面上却不会换行，如何处理呢？
网上众说纷纭，经过测试用 textarea的内容.replace(/\n/g, "<br/>") 解决问题，在IE6/7/8/9 Firefox/3.6.13 chrome10.0.648.82下测试通过，示例代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YES!B/S!文章示例页面</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function testabc()
{
var content=$("#test").val().replace(/\n/g,"<br/>");
alert(content);
}
</script>
</head>
<body>
<textarea id="test" rows="4" style="width: 406px; overflow-y: auto;"></textarea><br>
<input type="button" onclick="testabc()" value="测试"/>
</body>
</html>
结果：
复制代码 代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YES!B/S!文章示例页面</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function testabc()
{
var content=$("#test").val().replace(/\n/g,"<br/>");
alert(content);
}
</script>
</head>
<body>
<textarea id="test" rows="4" style="width: 406px; overflow-y: auto;"></textarea><br>
<input type="button" onclick="testabc()" value="测试"/>
</body>
</html>
结果：
下面的处理就不说了哈
相关文章
本文是对jquery 强制cookie失效的解决方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助2015-05-05
B/S开发的朋友，首页常常需要一些新闻图片切换的特效，鉴于jQuery良好的插件开发机制，我也常常自己写一些实用的小插件，这里分享一个新闻图片切换插件2011-10-10
异步操作动态添加节点，导致在代码中给添加的节点全局绑定事件或者获取元素无效，问题出在哪里呢？下文给大家介绍下，感兴趣的朋友参考下吧2017-05-05
页面中需要实现某个按钮点击完后，禁用它，并显示倒计时。这个默认是3秒，代码很简单2012-03-03
本篇文章主要对Jquery的事件操作和文档操作进行实例的分享，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
这篇文章主要介绍了jquery禁用右键示例,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了element form 校验数组每一项的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
jquery插件如何使用 jQuery操作Cookie插件使用介绍
本文将介绍jQuery如何操作Cookie插件,需要了解的朋友可以参考下2012-12-12
jQuery根据ID获取input、checkbox、radio、select的示例
获取input、checkbox、radio、select的方法有很多，下面本例为大家介绍下根据ID来获取2014-08-08
这篇文章主要介绍了JQuery实现动态适时改变字体颜色的方法,实例分析了jQuery操作鼠标事件及颜色的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
最新评论