`
ypluck
  • 浏览: 77534 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

关于textarea的innerHTML和value换行问题

阅读更多
今天测试了下ajax,在进行textarea时,发现innerHTML和value使用的区别,很奇怪的一件事,嘿嘿。


正题:

ajax代码:
  <script type="text/javascript">
  	var ajaxConn;
  	function createHttpRequest()
  	{
  		try
  		{
  			if(window.XMLHttpRequest)
  			{
	  			ajaxConn=new XMLHttpRequest();
  			}
	  		else if(window.ActiveXObject)
  			{
  				ajaxConn=new ActiveXObject("Msxml2.XMLHTTP");
  			}
  		}
  		catch(e)
  		{
			ajaxConn=new ActiveXObject("Microsoft.XMLHTTP");  		
  		}
  	}
  	
  	function disData()
  	{
  		createHttpRequest();
  		var url="test.do";
  		ajaxConn.open("POST",url,true);
  		ajaxConn.onreadystatechange=handleResult;
  		ajaxConn.send("");
  	}
  	
  	function handleResult()
  	{
  		if(ajaxConn.readyState==4)
  		{
  			if(ajaxConn.status==200)
  			{
  				var tt=document.getElementById("t");
  				//tt.innerHTML=tt.value+"\n"+ajaxConn.responseText;//注意这样好像不能换行
  				tt.value=tt.value+"\n"+ajaxConn.responseText;//这样可以换行
  				setTimeout("disData()",1000);
  			}
  			else
  			{
  				alert("出错");
  			}
  		}
  	}
  </script>


下面是HTML的东东

 <button onclick="disData()">点我测试</button>   
    <textarea id="t" name="t" rows="6" cols="45" ></textarea>


其中test.do这个servlet只是一句话,如下:
out.println("testing ....");




嘿嘿,小小发现,有和我一样迷惑的朋友可以测试下
1
0
分享到:
评论
3 楼 linchangsheng 2010-10-13  
将空格转换为\n就行了
2 楼 ypluck 2008-11-12  
加上特殊字符,如#,之类的,然后判断,最后加'\n'
1 楼 vanoin 2008-11-12  
请教一个问题,textarea里输入文字换行如下
-------------------------------
abc def
ghi
-------------------------------
但提交后处理的字符串只是一行的 "abc def ghi",请问如何处理"def"与"ghi"之间的空格为"<br />"呢?

相关推荐

    关于Textarea的换行问题

    关于Textarea的换行问题,是前端开发中一个常见的议题,特别是在处理用户输入的多行文本时。在HTML中,Textarea是一种允许用户输入多行文本的表单控件,其换行处理方式对于用户体验和数据存储至关重要。然而,在这段...

    处理textarea换行空格

    3. **去除首尾空格和换行**:在某些场景下,可能需要清除用户输入的首尾空白字符,可以使用`trim()`方法: ```javascript let cleanedText = textarea.value.trim(); ``` 4. **实时格式化**:如果希望在用户输入时...

    js 特效 html 特效 textarea是否自动换行

    js 特效 html 特效 textarea是否自动换行

    java swt中TextArea的自动换行代码

    用java swing的JTextArea很容易实现自动换行,但用Textarea却很难实现换行,所以发到网上供大家参考,大家一起学习学习!!!

    HTML里面Textarea换行问题总结

    问题解决1: 一开始是提交数据的时候格式是AAA&lt;BR&gt;BBB,但是这是显示换行,其实在TextArea里面并不是真正按行存放的,因为这个时候再提交给另外一个TextArea的时候就是显示AAABBB,而不是换行显示了,因此仅仅是显示...

    关于textarea提交的内容无法换行的解决办法

    总的来说,理解和巧妙运用 `replace()` 函数是解决 `textarea` 换行问题的关键。通过正确的转换,我们可以确保用户在 `textarea` 中输入的内容在前端显示时保持原始格式,从而提供更好的用户体验。

    PHP获取表单textarea数据中的换行问题

    因此,处理textarea中的换行问题,是Web开发者需要关注的一个重要问题。 在Windows操作系统中,换行通常由回车符(Carriage Return,简称CR,即\r)和换行符(Line Feed,简称LF,即\n)组成,即\r\n。而在Unix/...

    用CSS实现textArea中的placeholder换行功能

    例如,可以通过CSS伪元素和特定的Unicode字符来实现placeholder文本的换行。 在本例中,提到的是使用CSS的:after伪元素来实现textArea的placeholder换行。这里使用的是Unicode的换行符"\A"来达到换行的目的。需要...

    展示Html : 文本转HTML格式 解决Textarea换行问题

    标题中的“展示Html : 文本转HTML格式 解决Textarea换行问题”暗示了这是一个关于将纯文本转换为HTML格式以适应在网页上显示,特别是针对textarea控件中换行处理的技术点。在网页开发中,textarea通常用于输入多行...

    javascript经典特效---textarea是否自动换行.rar

    textarea是否自动换行.rartextarea是否自动换行.rartextarea是否自动换行.rartextarea是否自动换行.rartextarea是否自动换行.rartextarea是否自动换行.rar

    jquery 代码解决placeholder不换行,不居中问题

    - **不换行问题**:默认情况下,`placeholder` 文本是不换行的,即无论文本多长,都会在一个行内显示,超出部分会被截断。 - **不居中问题**:`placeholder` 文本在输入框内通常是左对齐的,如果需要改变其对齐方式...

    如何在textarea文本输入区内实现换行

    在默认情况下,`&lt;textarea&gt;`中的文本在显示时不会自动换行,这意味着如果你想要在textarea中实现换行,需要使用特定的字符序列来指示新的行开始。 在文本编辑器或者邮件客户端中,我们通常使用`\n`(也称为LF,Line...

    textarea去除多余空格和回车的方法及其属性

    textarea.value = textarea.value.trim().replace(/\r?\n/g, ''); }); ``` 这段代码首先获取表单和`textarea`元素,然后在表单提交时,使用`trim()`去除首尾空格,并用正则表达式`/\r?\n/g`匹配并替换所有回车符。...

    处理textarea中的换行和空格

    当用户在 `textarea` 中输入并使用 JavaScript 提交文本时,空格和换行会被编码为 `/s` 和 `/n` 字符。在前端与后端交互时,处理这些特殊字符是确保文本正确显示的关键。 如果文本最终仍要在 `textarea` 中显示,...

    jquery实现(textarea)placeholder自动换行

    思路:利用文本框的聚焦和失焦事件 1、HTML结构 &lt;textarea id=text1&gt;&lt;/textarea&gt; 2、js方法 [removed] var placeholder = '第一行文本提示\n第二行文本提示\n第三行文本提示'; $('#text1').val...

    textarea是否自动换行

    关于“textarea是否自动换行”的问题,实际上`&lt;textarea&gt;`标签自身是支持文本自动换行的。当用户在textarea中输入内容时,如果文本长度超过了当前列宽,浏览器会自动进行换行,确保文本在textarea内正常显示。 然而...

    textarea换行符

    在用户通过`textarea`输入文本时,可能会遇到换行符(通常为`\r\n`)的问题。这些换行符在不同的环境中可能会被解释或存储为不同的形式,导致显示或数据处理上的差异。本文将详细探讨如何处理`textarea`中的换行符...

Global site tag (gtag.js) - Google Analytics