jQuery获取textarea值为undefined或返回函数源码问题求解

安全阿岳

2026-10-1

问题修复方案

你的代码存在三处明显错误，修正后即可实现同页面下的赋值需求：

jQuery选择器语法错误：ID选择器需要加#前缀，$('floatingTextarea')是标签选择器，会匹配标签名为floatingTextarea的元素，自然找不到目标节点，需要改为$('#floatingTextarea')。
取值方法混淆：jQuery封装的对象没有原生DOM的value属性，直接读取会返回undefined。你可以任选一种正确的取值方式：
- 用jQuery提供的val()方法：var header = $('#floatingTextarea').val()
- 取出原生DOM对象再读value：var header = $('#floatingTextarea')[0].value
  你之前调用val()返回函数源码，要么是漏写了val后的执行括号()，要么是选择器错误导致返回了jQuery原型链上的val函数本身。
语法错误：代码末尾多了一个多余的闭合花括号}，直接删除即可。

修正后的可运行代码

$( "#s1" ).click(function(e) {
    e.preventDefault();
    const h = document.getElementById('noteheader');
    const header = $('#floatingTextarea').val();
    h.innerHTML = header;
    // 也可以全用jQuery简化为：$('#noteheader').html($('#floatingTextarea').val())
});