Jquery实现textarea自动换行

原创 2012年07月05日 15:40:09

今天做一个在线聊天小程序的时候,利用jquery把文本框中的内容放入文本域,发现嵌入Html代码<br/>没有反应,这是去网上查查没

找到答案,不过看到了这样一句话:

jQuery的text()和val()都可以取到值。TextArea里面的原始换行是"\n\r",用text()取的时候,换行变成了 "\r",用val()取的时候,换行变

成"\n",于是想到把<br/>改成\n问题解决

html代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Talk</title>
<script  type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript" language="javascript" src="talk.js"></script>
<style type="text/css"> 
div.ex
{
background-color:#e5eecc;
padding:7px;
border:solid 1px #c3c3c3;
}
</style>
</head>

<body>
<div align="center" >

<div class="ex" style="width:40%"  align="left">
<textarea  id="info" ></textarea>
</div>
<br />
发表内容:
<input type="text" id="talk"  />
<input id="submit" type="button" value="提交" />

</div>
</body>
</html>


JS代码:

$(document).ready(function(){
						   $("#submit").click(
									function(){
										$("#info").append("admin:"+$("#talk").val()+"\n");										
										$("#talk").val("");
									} );
						   })


 

 

 

js获取TextArea每一行字符串(包括自动换行符)的解决方案

js获取TextArea自动换行符是一个比较头疼的问题,本文给出了一个完美的解决方案,实现时需要注意文章中描述的几个小细节。...
  • einarzhang
  • einarzhang
  • 2013年11月20日 17:39
  • 32869

jQuery替换textarea中的换行

      昨天同事在学习jQuery的时候,希望使用替换掉textarea中的换行。                                                        提...
  • spring21st
  • spring21st
  • 2009年08月26日 11:17
  • 7324

获取textarea标签中的换行符和空格

问题: 获取到textarea标签内的格式(换行符、空格)取到,存入数据库,展示的时候能够保留基本格式。 解决思路: IE9以上、FF、chrome的换行为\n, IE7-8的时候换行为...
  • hj7jay
  • hj7jay
  • 2017年07月04日 09:29
  • 3275

关于文本域的换行问题

文本域可以自动换行, 但存储到数据库后,英文和数字内容仍然没有换行符;读取出来的时候,因为没有换行就会导致表格变形。这里有两种方法:文本域里的内容因为你只是要显示内容,所以设了只读,调试时为方便计可以...
  • gxf212
  • gxf212
  • 2006年10月24日 11:27
  • 4498

解决textarea不会自动换行的问题

用html的textarea标签编辑录入数据或文字的时候,
  • crazyitlhs
  • crazyitlhs
  • 2014年10月20日 10:23
  • 5661

textarea自动换行与自适应高度

textarea自动换行与自适应高度,并去除滚动条onpropertychange=this.style.posHeight=this.scrollHeight onfocus=this.style....
  • justinchen
  • justinchen
  • 2005年03月24日 10:07
  • 3156

textarea对象换行问题(强制换行、自动换行)

为大家介绍html中textarea对象的换行问题,强制换行、自动换行,有需要的朋友可以参考下。 将以下样式加到显示的table标签中,会按照表格的大小强制换行: style= "table-la...
  • u014457793
  • u014457793
  • 2014年04月20日 14:43
  • 2666

div内文字超过宽度时自动换行

div 设置宽度后 style加上 word-break:break-all; 或者 word-wrap:break-word; 区别:(http://zhidao.baidu.com/link?...
  • eunyeon
  • eunyeon
  • 2016年10月14日 14:41
  • 6460

DIV文字自动换行的实现

对想让其中文字自动换行的DIV添加以下样式:word-break:break-all; overflow:hidden; ...
  • zzh87615
  • zzh87615
  • 2010年09月27日 15:50
  • 3754

CSS自动换行、强制不换行、强制断行、超出显示省略号

P标签是默认是自动换行的,因此设置好宽度之后,能够较好的实现效果,但是最近的项目中发现,使用ajax加载数据之后,p标签内的内容没有换行,导致布局错乱,于是尝试着使用换行样式,虽然解决了问题,但是并没...
  • liuyan19891230
  • liuyan19891230
  • 2016年03月24日 10:21
  • 49000
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery实现textarea自动换行
举报原因:
原因补充:

(最多只允许输入30个字)