textarea設定值jquery

在使用 textarea 元素時，有時需要設定其初始值或動態修改其值，使用 jQuery 操作可以很方便地實現。本文將介紹如何使用 jQuery 設定 textarea 的值。

方法一：val() 方法

val() 方法可以取得或設定表單元素的值（包括 textarea 元素）。它的語法如下：

$(selector).val(value)

其中，selector 表示我們要選取的元素的選擇器，value 是要設定的值。如果 value 參數省略，則該方法傳回指定元素的目前值。

下面是一個範例，它為一個ID 為myTextarea 的textarea 元素設定了初始值：

<textarea id="myTextarea"></textarea>

$(document).ready(function(){
  $('#myTextarea').val('初始的文本内容');
});

執行上述程式碼後，開啟頁面後該文字方塊內的文字內容會被設定為「初始的文字內容」。

我們也可以使用相同的方法來動態修改 textarea 的內容。例如，當使用者點擊一個按鈕時，我們可以將textarea 內容修改成「新的文字內容」：

<textarea id="myTextarea"></textarea>
修改内容

$(document).ready(function(){
  $('#myTextarea').val('初始的文本内容');
  $('#modifyBtn').click(function(){
    $('#myTextarea').val('新的文本内容');
  });
});

執行上述程式碼後，在頁面上點擊「修改內容」按鈕，textarea 的內容就會被修改成「新的文本內容」。

方法二：text() 方法

另一種設定 textarea 值的方法是使用 text() 方法。此方法可以設定元素的文字內容，但忽略 HTML 標籤。因此，如果 textarea 內容中包含 HTML 標籤，則這些標籤會被當作文字處理。 text() 方法的語法如下：

$(selector).text(content)

其中，selector 表示我們要選取的元素的選擇器，content 是要設定的文字內容。如果 content 參數省略，則該方法傳回指定元素的目前文字內容。

下面是一個範例，它為一個ID 為myTextarea 的textarea 元素設定了初始值：

<textarea id="myTextarea"></textarea>

$(document).ready(function(){
  $('#myTextarea').text('初始的文本内容');
});

執行上述程式碼後，開啟頁面後該textarea 內容會被設定為「初始的文本內容」。

我們也可以使用 text() 方法動態修改 textarea 的內容。例如，當使用者點擊一個按鈕時，我們可以將textarea 內容修改成「新的文字內容」：

<textarea id="myTextarea"></textarea>
修改内容

$(document).ready(function(){
  $('#myTextarea').text('初始的文本内容');
  $('#modifyBtn').click(function(){
    $('#myTextarea').text('新的文本内容');
  });
});

執行上述程式碼後，在頁面上點擊「修改內容」按鈕，textarea 的內容就會被修改成「新的文本內容」。

小結

以上就是 jQuery 設定 textarea 的值的兩種方法。 val() 方法適用於大多數情況下，而 text() 方法則適用於需要忽略 HTML 標籤的情況下。如果你需要設定 textarea 的初始值或動態修改其內容，請根據具體情況選擇適合的方法。

以上是textarea設定值jquery的詳細內容。更多資訊請關注PHP中文網其他相關文章！