textarea中的手動(dòng)換行處理的jquery代碼
更新時(shí)間：2011年02月26日 00:22:35 作者：
textarea的手動(dòng)換行會(huì)產(chǎn)生換行標(biāo)志，但這個(gè)標(biāo)志存在卻看不到，存入數(shù)據(jù)庫(kù)中后讀出來(lái)顯示在頁(yè)面上卻不會(huì)換行，如何處理呢？
網(wǎng)上眾說(shuō)紛紜，經(jīng)過(guò)測(cè)試用 textarea的內(nèi)容.replace(/\n/g, "<br/>") 解決問(wèn)題，在IE6/7/8/9 Firefox/3.6.13 chrome10.0.648.82下測(cè)試通過(guò)，示例代碼如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YES!B/S!文章示例頁(yè)面</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="測(cè)試"/>
</body>
</html>
結(jié)果：
復(fù)制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YES!B/S!文章示例頁(yè)面</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="測(cè)試"/>
</body>
</html>
結(jié)果：
下面的處理就不說(shuō)了哈
您可能感興趣的文章:
- jquery清空textarea等輸入框?qū)崿F(xiàn)代碼
- jQuery textarea的長(zhǎng)度進(jìn)行驗(yàn)證
- JQuery為textarea添加maxlength屬性的代碼
- jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
- 使用jquery給input和textarea設(shè)定ie中的focus
- Jquery實(shí)現(xiàn)點(diǎn)擊按鈕,連續(xù)地向textarea中添加值的實(shí)例代碼
- jQuery替換textarea中換行的方法
- TextArea不支持maxlength的解決辦法(jquery)
- 基于jquery的textarea發(fā)布框限制文字字?jǐn)?shù)輸入(添加中文識(shí)別)
- jquery實(shí)現(xiàn)限制textarea輸入字?jǐn)?shù)的方法
相關(guān)文章
jQuery實(shí)現(xiàn)ichat在線客服插件
這篇文章主要介紹了jQuery實(shí)現(xiàn)ichat在線客服插件,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery前端開(kāi)發(fā)35個(gè)小技巧的相關(guān)資料，非常實(shí)用,需要的朋友可以參考下2016-05-05
jQuery實(shí)現(xiàn)轉(zhuǎn)動(dòng)隨機(jī)數(shù)抽獎(jiǎng)效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)轉(zhuǎn)動(dòng)隨機(jī)數(shù)抽獎(jiǎng)效果的方法,涉及jQuery操作隨機(jī)數(shù)及頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05
jQuery監(jiān)控文本框事件并作相應(yīng)處理的方法
這篇文章主要介紹了jQuery監(jiān)控文本框事件并作相應(yīng)處理的方法,涉及jQuery操作文本框的技巧,需要的朋友可以參考下2015-04-04
jQuery+CSS 實(shí)現(xiàn)的超Sexy下拉菜單
早前發(fā)現(xiàn)了 Soh Tanaka 分享的非常 Sexy 的 Drop Down Menu w/ jQuery & CSS，稍作修改實(shí)現(xiàn)了多級(jí)下拉，并實(shí)現(xiàn)了 ASP.NET 中通過(guò)輸出 HTML 動(dòng)態(tài)創(chuàng)建版本，有興趣的童鞋可以包裝成 Server Control。2010-01-01
Jquery右下角抖動(dòng)、浮動(dòng) 實(shí)例代碼(兼容ie6、FF)
本實(shí)例結(jié)合了jquery+js中的setTimeout函數(shù)實(shí)現(xiàn)了一直浮動(dòng)在頁(yè)面右下解的廣告，有需要的朋友可以參考一下2013-08-08
jQuery設(shè)置和移除文本框默認(rèn)值的方法
這篇文章主要介紹了jQuery設(shè)置和移除文本框默認(rèn)值的方法,實(shí)例分析了jQuery操作文本框的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jQuery簡(jiǎn)單實(shí)現(xiàn)禁用右鍵菜單
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)禁用右鍵菜單的方法，非常的簡(jiǎn)單實(shí)用，這里分享給大家，有需要的小伙伴直接拿走使用。2015-03-03
jQuery 使用手冊(cè)，大家可以耐心的看完，就基本上入門(mén)了。2009-09-09
淺談jQuery中 wrap() wrapAll() 與 wrapInner()的差異
本文結(jié)合W3School的文檔，分析了jQuery中 wrap() wrapAll() 與 wrapInner()的差異，并給出了圖文對(duì)比教程，非常的簡(jiǎn)單實(shí)用，有需要的朋友可以參考下2014-11-11