HTML里面Textarea換行問題總結

字號:


    最近碰到一個數(shù)據(jù)轉來轉去轉到Textrea里面是否能真正按行存放的問題,在這里總結一下:
    問題描述:
    比如get數(shù)據(jù)到一個TextArea里面,如“AAA BBB”,想把這段文字在TextArea里面真正按行存放,而不是顯示出來按行存放(所謂的真正按行存放就是,再把這個TextArea的數(shù)據(jù)post到另外一個頁面的Textarea里面仍是按行存放)
    問題解決1:
    一開始是提交數(shù)據(jù)的時候格式是AAA<BR />BBB,但是這是顯示換行,其實在TextArea里面并不是真正按行存放的,因為這個時候再提交給另外一個TextArea的時候就是顯示AAABBB,而不是換行顯示了,因此僅僅是顯示按行存放而已
    問題基礎知識:
    HTML里面的換行是<BR />,而TextArea的換行是/n
    問題解決2:
    先提交數(shù)據(jù)再使用Javascript對<BR />和/n進行替換
    提交的時候仍是<BR />作為分隔符
    然后提交完畢以后
    代碼如下:
    <script>
    //換行轉回車
    var haha=document.getElementById("SendTextArea").value;
    haha=haha.replace('
    ','/n');
    document.getElementById("SendTextArea").value=haha;
    </script>
    這樣就OK啦!