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>
