jquery获取textarea

使用 jQuery 获取 textarea 的值

通过 jQuery 的 val() 方法可以获取或设置 textarea 元素的内容。

获取 textarea 的值

var textareaContent = $('#textareaId').val();

#textareaId 是 textarea 的 ID 选择器，val() 返回当前输入的内容。

设置 textarea 的值

$('#textareaId').val('新的文本内容');

通过其他选择器获取 textarea

除了 ID，还可以使用类名、属性或标签选择器：

通过类名选择

var textareaContent = $('.textareaClass').val();

通过标签选择

var textareaContent = $('textarea').val(); // 获取第一个 textarea
var allTextareaValues = $('textarea').map(function() {
  return $(this).val();
}).get(); // 获取所有 textarea 的值

监听 textarea 内容变化

使用 on 或 change 事件监听输入变化：

$('#textareaId').on('input', function() {
  console.log($(this).val()); // 实时输出内容
});

注意事项

• 如果 textarea 是动态生成的，需使用事件委托：

  $(document).on('input', '#dynamicTextarea', function() {
    console.log($(this).val());
  });

• val() 方法仅适用于表单元素（如 input、textarea、select）。

以上方法适用于大多数场景，可根据需求选择合适的方式操作 textarea。