当前位置: 代码迷 >> JavaScript >> 自动生成内容到textarea里头,显示换行效果
  详细解决方案

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

热度:72   发布时间:2012-07-28 12:25:13.0
自动生成内容到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
  相关解决方案