jQuery獲取textarea中的內容

2021-10-16 15:49:00 字數 1454 閱讀 1657

查閱資料可知:

jquery的.val()方法是專門用來獲取表單元素值的,而textarea也屬於表單元素所以可以直接用.val()方法獲取。

由於textarea是個雙標記,因此.text()或.html()方法也可以獲取到其中的資訊。

經過我們實際的測試發現;

1.我們通過給textarea元素設定id,通過id查詢到元素獲取val的方式行不通。詳情見**。具體原因還未查找到,有了解的碼友請指點一二。

2.通過jquery的選擇器查詢到元素,通過.val()的方法可以獲取到初始的textarea的內容,也可以獲取到修改以後的textarea的內容。

3.通過jquery的選擇器查詢到元素,通過.text()的方法只能獲取到初始的textarea的內容。

4.通過jquery的選擇器查詢到元素,通過.html()的方法只能獲取到初始的textarea的內容。

綜上所屬:通過jquery獲取textarea新輸入的內容時,需要使用篩選器和.val()組合進行獲取。通過jquery獲取textarea預設的內容時,需要使用篩選器和.text()組合進行獲取或使用篩選器和.html()組合進行獲取。

**段如下:

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

獲取textarea內容title

>

head

>

>

class

="title"

>

class

="xinghao"

>

*span

>

內容描述

div>

name

="remark"

id="remark"

rows

="8"

placeholder

="請您輸入作品概述"

class

="content"

>

123456textarea

>

class

="btn-container"

onclick

="onsubmte()"

>

獲取textarea內容div

>

body

>

src=

"">

script

>

>

function

onsubmte()

script

>

html

>

JQuery元素獲取

前言 這是本類別博文jquery 即用即查開篇。因為查手冊太麻煩,而且有時候需要深入命令所在詳細頁面才能了解此命令的具體作用是什麼。寫這幾篇文章就是為了,工作遇到問題時,一看這幾篇文章就可以查到哪個命令的作用正好符合,然後自己再深入手冊進行具體學習用法。寫的都是常用的一些,前提是你對jquery命令...

jquery元素獲取

一 獲取父級元素 1 parent expr 獲取指定元素的所有父級元素 href fir href sec href thr href fiv document ready function firebug檢視jquery parent效果 二 獲取同級元素 1 next expr 獲取指定元素的...

jQuery獲取checkboxlist選中值

如圖1所示,從留學國家中選中需要的留學國家,選中顧問觸發事件,獲取選中的留學國家,如果留學國家為空,提示留學國家不為空 圖1 前台頁面 如下 inputstudy.aspx class row id panelabroad1 runat server class span12 class input...