jQuery獲取textarea中的內容

阿新 • • 發佈：2021-01-20

技術標籤：前端

查閱資料可知:

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()組合進行獲取。

程式碼段如下:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    < 
meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>獲取textarea內容</title>
</head>
<body>
    <div class="title">
        <span class="xinghao">*</span>
        內容描述
    </div>
    <textarea 
 name="remark" id="remark" rows="8" placeholder="請您輸入作品概述" class="content">123456</textarea>
	<div class="btn-container" onclick="onSubmte()">獲取textArea內容</div>
</body>

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
    function onSubmte() {
        console.log("remark:", $("#remark").val()) //remark: undefined
        console.log("remark:",$("textarea[name=remark]").val()) // remark: 123456
        console.log("remark:",$("textarea[name=remark]").text()) // remark: 1234
        console.log("remark:",$("textarea[name=remark]").html()) // remark: 1234
    }
</script>
</html>

jQuery獲取textarea中的內容

技術標籤：前端查閱資料可知: jQuery的.val()方法是專門用來獲取表單元素值的，而textarea也屬於表單元素所以可以直接用.val()方法獲取。由於textarea是個雙標記，因此.text()或.html()方法也可以獲取到其中的

Js/Jquery獲取iframe中的元素

獲取iframe中的元素 JavaScript 在父視窗中獲取iframe中的元素格式：window.frames[\"iframe的name值\"].document.getElementById(\"iframe中控制元件的ID\").click();

python3獲取檔案中url內容並下載程式碼例項

這篇文章主要介紹了python3獲取檔案中url內容並下載程式碼例項,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

js與jquery獲取input輸入框中的值例項講解

如何用javascript獲取input輸入框中的值，js/jq通過name、id、class獲取input輸入框中的value

java讀取html檔案,並獲取body中所有的標籤及內容的案例

這裡的獲取的是html檔案中body中的所有標籤以及內容 package com.lmt.service.file; import java.io.BufferedReader;

jQuery捕獲-獲取DOM元素內容和屬性

一、獲取內容　　1.text()-設定或返回所選元素的文字內容　　2.html()-設定或返回所選元素的內容（包括HTML標記）

【練習2】獲取字串中指定內容

技術標籤：pythonpython 問題描述：現有一日誌檔案，記錄內容的字串的格式如下所示 A girl come in, the name is Jack, level 955;the name is 後面會跟著人名，隨後緊跟一個逗號，這是固定的格式。其它部分

jsoup 獲取html中body內容_html文字輸入框程式碼是什麼？如何建立html文字輸入框

技術標籤：jsoup 獲取html中body內容如何建立html文字輸入框？html文字輸入框程式碼是什麼？HTML表單是獲取使用者輸入所需的內容。但是首先，你需要製作一個文字框，那麼如何建立是一個問題，下面我們來講一下

jsoup 獲取html中body內容_使用 Jsoup 解析 HTML 文字內容

技術標籤：jsoup 獲取html中body內容 jsoup：Java HTML解析器。它是一個用於處理實際 HTML 的 Java 庫。它使用 HTML5 最佳 DOM 方法和 CSS 選擇器，為獲取 URL 以及提取和處理資料提供了非常方便的 API，在 web

jquery獲取陣列長度_js中dom物件和jQuery物件的相互轉換

技術標籤：jquery獲取陣列長度可能大家在開發中，使用原生獲取dom物件進行相關操作的時候，一些原生的方法並不能滿足我們的需求，這時我們可能會使用到jquery,但是dom元素並不能直接使用jquery的方法，這時我

在ASP.NET Core中應用HttpClient獲取資料和內容

在本文中，我們將學習如何在ASP.NET Core中整合和使用HttpClient。在學習不同HttpClient功能的同時使用Web API的資源。如何從Web API獲取資料，以及如何直接使用HttpRequestMessage類來實現這些功能。在以後的文章中

jQuery獲取位址列中的連結引數

問題描述今天做一個主題，有一個需求是根據不同的頁面來做，雖然php也可以做到，不過考慮到自己的特效程式碼都是在jQuery上完成，想著能否直接通過獲取位址列中的連結引數裡面的數字直接來實現效果。

在本地檔案上傳到linux伺服器方法中，使用@value（"${}"）無法獲取配置檔案內容解決方案

正常使用@value註解去獲取yaml或者properties中的檔案是可以的，但是我在工具類中使用時，沒有獲取到配置檔案裡的值；

vue 如何獲取input中游標位置，並且點選按鈕在當前游標後追加內容

第一步：監聽輸入框的滑鼠失焦事件@blur<el-input @blur=\"handleInputBlur\"></el-input>

vue專案中文字域textarea跟隨內容自動改變高度，並且阻止預設的回車換行事件

先來幾張簡單圖：基本思路：要想實現文字域跟隨內容自動高度，這裡準備兩個textarea文字域，

Node-RED中實現HTML表單提交和獲取提交的內容

場景 Node-RED中建立靜態網頁和動態網頁內容： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/124211653

jQuery 獲取物件根據屬性、內容匹配, 還有表單元素匹配

指定元素中包含 id 屬性的, 如: $(\"span[id]\") 程式碼如下: <span id=\"span1\" name=\"S1\">AAA</span><br/>

Python如何應用cx_Oracle獲取oracle中的clob欄位問題

最近在用Python編寫連線資料庫獲取記錄的指令碼，其中用到了cx_Oracle模組。它的語法主要如下：

SqlServer 獲取字串中小寫字母的sql語句

有時候我們會擷取字串中的一些特殊想要的東西，大小寫字母、模號、漢字、數字等等，今天先介紹一個獲取字串中小寫字母（也是大寫字母）的方式，直接上寫法：

python獲取array中指定元素的示例

對於array，如2-D的array，如何取指定元素設array為3*10的shape s = array([[ 0,1,2,3,4,5,6,7,8,9],[10,11,12,13,14,15,16,17,18,19],[20,21,22,23,24,25,26,27,28,29]])

jQuery獲取textarea中的內容

相關推薦