如何在 jQuery 中获取 textarea 的值？

有时，我们需要从 textarea 元素中获取用户输入的文本。在 jQuery 中，可以通过多种方式获取 textarea 的值。

通过 .val() 方法获取

jQuery 中可以使用 .val() 方法获取 textarea 的值。以下是示例代码：

var textareaValue = $('textarea').val();

在上面的代码中，$('textarea') 选择器用于选择页面中的所有 textarea 元素。.val() 方法用于获取第一个匹配元素的当前值，因为此例中只有一个 textarea 元素，所以它将返回此元素的当前值。

通过 id 获取

如果您知道 textarea 元素的 id，可以使用 $('#id').val() 来获取 textarea 的值。以下是示例代码：

var textareaValue = $('#myTextarea').val();

在上面的代码中，$('#myTextarea') 选择器用于选择 textarea 元素的 id 为 “myTextarea”。.val() 方法用于获取此元素的当前值。

通过 name 获取

如果您知道 textarea 元素的 name，可以使用 $('textarea[name="name"]').val() 来获取 textarea 的值。以下是示例代码：

var textareaValue = $('textarea[name="myTextarea"]').val();

在上面的代码中，$('textarea[name="myTextarea"]') 选择器用于选择名为 “myTextarea”的 textarea 元素。.val() 方法用于获取此元素的当前值。

监听 textarea 值的变化

如果您想要监听 textarea 元素中值的变化，可以使用 .change() 方法。以下是示例代码：

$('textarea').change(function() {
  var textareaValue = $(this).val();
  console.log('Textarea value changed to: ' + textareaValue);
});

在上面的代码中，$('textarea') 选择器用于选择页面中的所有 textarea 元素。然后使用 .change() 方法来监听值的变化，并打印出新的文本值。

以上就是获取 textarea 值的几种方式。使用这些方法，您可以轻松地从 textarea 元素中获取用户输入的文本。