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自动换行符是一个比较头疼的问题,本文给出了一个完美的解决方案,实现时需要注意文章中描述的几个小细节。...

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

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

jQuery对内容的获取,添加,移动的.append(), .html(), .prepend(), .after(), .before()

在jQuery中我们使用.append(), .appendTo(), .html(), .text(), .prepend(), .prependTo(), .after(), .before(),...

textarea多行文本域中的换行的小陷阱

WEB攻城狮大冰 2017-02-05 08:57 近期,在项目开发中需要对内容的首行添加一个换行,但是设置后,再次进入设置界面发现换行丢失了,不过数据库中保存的值是正确的,首行有换行的。 ...

关于文本域的换行问题

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

在EasyUI中设置TextArea的自动换行

在属性中添加: word-wrap: break-word; var str = "=950){event.returnValue=false}'    style='width:320px;w...

easyui datagrid editor的textarea不会自动换行?

easyui datagrid editor的textarea不会自动换行? 1  悬赏园豆:5 [已关闭问题] 浏览: 2237次 设置了cols的值,但是就是不会自动换行...

JS控制在textarea中换行

好久没记东西了,今天遇到个小问题折腾了好一会,记录一下。 如何在前台JS代码中控制文字内容在Textarea中换行: var result = ""; for ( var in...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

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

div 设置宽度后 style加上 word-break:break-all; 或者 word-wrap:break-word; 区别:(http://zhidao.baidu.com/link?...
  • eunyeon
  • eunyeon
  • 2016年10月14日 14:41
  • 5137
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery实现textarea自动换行
举报原因:
原因补充:

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