自动生成内容到textarea里面，显示换行效果。

Question

假设我前面做了2个input表单，输入账号和密码，然后点击生成，要在<textarea>里面显示成：
账号：*****
密码：*****这样的效果，怎么写，在<textarea>里要显示换行的效果。

Answer 1

转义字符\n表示换行：
帐号：<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>

Answer 2

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

Answer 3

楼上的不行哦，这个我试过了，就是说在写入数据库页面把\n换成br，读出来可以。
但是我现在要的效果就是点击生成后，在textarea里面就能当场显示出效果来。不是写入数据库后再读出来才有效果。现在的效果还是这样:账号：  密码：
我要现在就是 
账号：
密码：

Answer 4

试了下，在IE下面确实不行。换一种方法，应该能兼容各浏览器了。
帐号：<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>

Answer 5

问题中心只是换行符...
http://topic.csdn.net/u/20091127/13/86fa0da5-1512-462c-9c93-16856ba9d08e.html