首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

自动生成内容到textarea里头,显示换行效果

2012-07-28 
自动生成内容到textarea里面,显示换行效果。假设我前面做了2个input表单,输入账号和密码,然后点击生成,要在

自动生成内容到textarea里面,显示换行效果。
假设我前面做了2个input表单,输入账号和密码,然后点击生成,要在<textarea>里面显示成:
账号:*****
密码:*****

这样的效果,怎么写,在<textarea>里要显示换行的效果。

[解决办法]
转义字符\n表示换行:

HTML code
帐号:<input type="text" id="t1" /><br />密码:<input type="text" id="t2" /><br /><input type="button" id="btn" value="生成" /><textarea id="demo"></textarea><script type="text/javascript">document.getElementById('btn').onclick = function() {    document.getElementById('demo').innerHTML = "帐号:" + document.getElementById('t1').value + "\n密码:" + document.getElementById('t2').value;}</script>
[解决办法]
jquery代码:

$(function(){
$("#btn").bind("click",function(event){
var ss = "帐号:"+$("#t1").val()+"\n"+"密码:"+$("#t2").val() ;
$("#demo").val(ss);
}
);
});


[解决办法]
试了下,在IE下面确实不行。换一种方法,应该能兼容各浏览器了。
HTML code
帐号:<input type="text" id="t1" /><br />密码:<input type="text" id="t2" /><br /><input type="button" id="btn" value="生成" /><textarea id="demo"></textarea><script type="text/javascript">document.getElementById('btn').onclick = function() {    document.getElementById('demo').value = "帐号:" + document.getElementById('t1').value + "\r\n密码:" + document.getElementById('t2').value;}</script>
[解决办法]
问题中心只是换行符...
http://topic.csdn.net/u/20091127/13/86fa0da5-1512-462c-9c93-16856ba9d08e.html

热点排行