了解JQuery TextArea的取值與賦值問題

首先，說明這不是一個(gè)簡單的問題！

先說取值：

[javascript] view plaincopy在CODE上查看代碼片派生到我的代碼片
01.$("#textarea").text();//讀取  

最近測(cè)試時(shí)候發(fā)現(xiàn)在firefox或Chrome中讀取不出textArea的值，IE正常。

于是修改為：

[javascript] view plaincopy在CODE上查看代碼片派生到我的代碼片
01.$("#textarea").val();  

問題解決，不過搜索時(shí)，發(fā)現(xiàn)有人提另一個(gè)問題：

當(dāng)在一個(gè)textarea標(biāo)簽中鍵入一個(gè)回車時(shí)，實(shí)際上會(huì)插入2個(gè)符號(hào)：\n\r \n 回車符 \r 換行符

如果用text()獲取textarea中的值，那么存入數(shù)據(jù)庫的數(shù)據(jù)就只會(huì)有\(zhòng)r 如果用var()獲取textarea中的值，
 那么存入數(shù)據(jù)庫的數(shù)據(jù)就只會(huì)有\(zhòng)n 這樣的區(qū)別就是，在IE下，
 你如果是讀取用text()存入的數(shù)據(jù)在展示在textarea中，那么數(shù)據(jù)的換行是正常的。
 而讀取用var()存入的數(shù)據(jù)在展示在textarea中，那么數(shù)據(jù)的就不會(huì)換行。
 沒有具體測(cè)試過看來用val()也不妥當(dāng)。但是這也是必求之策。

再說賦值：
 看代碼：

[javascript] view plaincopy在CODE上查看代碼片派生到我的代碼片
01.$("<div id='x1'><textarea id='t1'></textarea>" +  
02. "<textarea id='t2'></textarea></div>").appendTo("body");  
03.$("#t1").text("AAA");$("#t2").val("BBB");  
04.alert("t1=" + $("#t1").text() + "/" + $("#t1").val());  
05.alert("t2=" + $("#t2").text() + "/" + $("#t2").val());  
06.alert($("#x1").html());  

在IE下，不管用val()或text()設(shè)定，后續(xù)的讀取都正常；但在Firefox下，使用val()指定的值，畫面上會(huì)出現(xiàn)，但是用text()或是透過html()檢視時(shí)卻是字串。因此在Firefox中，如果你希望設(shè)定給textarea值出現(xiàn)在html()中或可以被clone()，請(qǐng)用text(...)設(shè)定。

 且慢。事情如果這麼單純，那麼連小學(xué)生也會(huì)跨瀏覽器了。使用text()設(shè)定時(shí)得注意換行問題，若你在IE中下text("A\nA")，在顯示時(shí)只會(huì)呈現(xiàn)空一格而不會(huì)換行。依我測(cè)試的結(jié)果，在IE下text("A\r\A")得到顯示結(jié)果比較接近預(yù)期，但是text("A\rA")在Firefox中顯示時(shí)會(huì)換列，用text()取出時(shí)卻是連在一起的... 這... 這... 這...
最后，只能采取懦夫策略，在呼叫.clone()前做了這件事迴避問題：

[javascript] view plaincopy在CODE上查看代碼片派生到我的代碼片
01.$theDiv.find("textarea").each(function() { $(this).text($(this).val()); });   

很丑，但看來是有效的! 如果有人有其他好點(diǎn)子，再分享一下吧！