天天看點

JQuery TextArea的取值與指派問題

首先,說明這不是一個簡單的問題!

     先說取值:

$("#textarea").text();讀取,最近測試時候發現在firefox中讀取不出textArea的值,IE正常

于是修改為:

$("#textarea").val();

問題解決,不過搜尋時,發現有人提另一個問題:

當在一個textarea标簽中鍵入一個回車時,實際上會插入2個符号:\n\r \n 回車符 \r 換行符

如果用text()擷取textarea中的值,那麼存入資料庫的資料就隻會有\r 如果用var()擷取textarea中的值,

那麼存入資料庫的資料就隻會有\n 這樣的差別就是,在IE下,

你如果是讀取用text()存入的資料在展示在textarea中,那麼資料的換行是正常的。

而讀取用var()存入的資料在展示在textarea中,那麼資料的就不會換行。

沒有具體測試過看來用val()也不妥當。但是這也是必求之策。

      在IE下,不管用val()或text()設定,後續的讀取都正常;但在Firefox下,使用val()指定的值,畫面上會出現,但是用text()或是透過html()檢視時卻是字串。是以在Firefox中,如果你希望設定給textarea值出現在html()中或可以被clone(),請用text(...)設定。

     且慢!! 事情如果這麽單純,那麽連國小生也會跨浏覽器了。使用text()設定時得注意換行問題,若你在IE中下text("A\nA"),在顯示時隻會呈現空一格而不會換行。依我測試的結果,在IE下text("A\r\A")得到顯示結果比較接近預期,但是text("A\rA")在Firefox中顯示時會換列,用text()取出時卻是連在一起的... 這... 這... 這...

     最後,隻能采取懦夫政策,在呼叫.clone()前做了這件事迴避問題:

     很醜,但看來是有效的! 如果有人有其他好點子,再分享一下吧!

   【著名心得】沒有噼成一字馬的本事,不要跟别人說你會"跨"浏覽器!

本文轉自cnn23711151CTO部落格,原文連結:http://blog.51cto.com/cnn237111/551026 ,如需轉載請自行聯系原作者