HTML里面Textarea換行問題總結(jié)

字號:


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