textarea中的手動換行處理的jquery代碼
更新時間：2011年02月26日 00:22:35 作者：
textarea的手動換行會產(chǎn)生換行標(biāo)志，但這個標(biāo)志存在卻看不到，存入數(shù)據(jù)庫中后讀出來顯示在頁面上卻不會換行，如何處理呢？
網(wǎng)上眾說紛紜，經(jīng)過測試用 textarea的內(nèi)容.replace(/\n/g, "<br/>") 解決問題，在IE6/7/8/9 Firefox/3.6.13 chrome10.0.648.82下測試通過，示例代碼如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YES!B/S!文章示例頁面</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function testabc()
{
var content=$("#test").val().replace(/\n/g,"<br/>");
alert(content);
}
</script>
</head>
<body>
<textarea id="test" rows="4" style="width: 406px; overflow-y: auto;"></textarea><br>
<input type="button" onclick="testabc()" value="測試"/>
</body>
</html>
結(jié)果：
復(fù)制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YES!B/S!文章示例頁面</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function testabc()
{
var content=$("#test").val().replace(/\n/g,"<br/>");
alert(content);
}
</script>
</head>
<body>
<textarea id="test" rows="4" style="width: 406px; overflow-y: auto;"></textarea><br>
<input type="button" onclick="testabc()" value="測試"/>
</body>
</html>
結(jié)果：
下面的處理就不說了哈
您可能感興趣的文章:
- jquery清空textarea等輸入框?qū)崿F(xiàn)代碼
- jQuery textarea的長度進行驗證
- JQuery為textarea添加maxlength屬性的代碼
- jquery實現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
- 使用jquery給input和textarea設(shè)定ie中的focus
- Jquery實現(xiàn)點擊按鈕,連續(xù)地向textarea中添加值的實例代碼
- jQuery替換textarea中換行的方法
- TextArea不支持maxlength的解決辦法(jquery)
- 基于jquery的textarea發(fā)布框限制文字字?jǐn)?shù)輸入(添加中文識別)
- jquery實現(xiàn)限制textarea輸入字?jǐn)?shù)的方法
相關(guān)文章
本文是對jquery 強制cookie失效的解決方法進行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2015-05-05
B/S開發(fā)的朋友，首頁常常需要一些新聞圖片切換的特效，鑒于jQuery良好的插件開發(fā)機制，我也常常自己寫一些實用的小插件，這里分享一個新聞圖片切換插件2011-10-10
JQuery Ajax 異步操作之動態(tài)添加節(jié)點功能
異步操作動態(tài)添加節(jié)點，導(dǎo)致在代碼中給添加的節(jié)點全局綁定事件或者獲取元素?zé)o效，問題出在哪里呢？下文給大家介紹下，感興趣的朋友參考下吧2017-05-05
JQuery實現(xiàn)倒計時按鈕的實現(xiàn)代碼
頁面中需要實現(xiàn)某個按鈕點擊完后，禁用它，并顯示倒計時。這個默認(rèn)是3秒，代碼很簡單2012-03-03
本篇文章主要對Jquery的事件操作和文檔操作進行實例的分享，具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
這篇文章主要介紹了jquery禁用右鍵示例,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了element form 校驗數(shù)組每一項的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
jquery插件如何使用 jQuery操作Cookie插件使用介紹
本文將介紹jQuery如何操作Cookie插件,需要了解的朋友可以參考下2012-12-12
jQuery根據(jù)ID獲取input、checkbox、radio、select的示例
獲取input、checkbox、radio、select的方法有很多，下面本例為大家介紹下根據(jù)ID來獲取2014-08-08
JQuery實現(xiàn)動態(tài)適時改變字體顏色的方法
這篇文章主要介紹了JQuery實現(xiàn)動態(tài)適時改變字體顏色的方法,實例分析了jQuery操作鼠標(biāo)事件及顏色的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03