假设我前面做了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