日期:2014-05-16  浏览次数:20556 次

自动生成内容到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