jquery获取textarea的值

获取textarea的值

使用jQuery获取textarea元素的值非常简单，主要通过val()方法实现。以下是几种常见场景的示例代码：

基本获取方式

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

其中#textareaId是textarea的ID选择器，val()方法返回当前textarea中的文本内容。

通过类名或属性选择器获取

// 通过class获取
var textValue = $('.textareaClass').val();

// 通过name属性获取
var textValue = $('textarea[name="description"]').val();

事件触发时获取值

$('#submitBtn').click(function() {
    var content = $('#myTextarea').val();
    console.log(content);
});

动态创建的textarea取值

$(document).on('input', '.dynamicTextarea', function() {
    var currentText = $(this).val();
});

注意事项

• 如果textarea是表单的一部分，可以使用serialize()或serializeArray()方法批量获取表单数据
• 对于多行文本，换行符会被保留在获取的值中
• 使用trim()可以去除获取值两端的空白字符：$('#textareaId').val().trim()

完整示例

<textarea id="myTextarea">默认文本</textarea>
<button id="getValue">获取值</button>

<script>
$('#getValue').click(function() {
    alert($('#myTextarea').val());
});
</script>