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

字號:


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