应绑定表格容器遍历其内部textarea，用data-row索引+带方括号的name（如content[0]）确保唯一性；提交推荐FormData(form)，注意textarea必须闭合、不支持value属性；动态行需同步name，提交前trim校验空值。
表格里多个 <textarea></textarea> 怎么取值并提交
直接遍历 document.querySelectorAll('textarea') 不可靠——表格里可能混着其他文本域，或者有动态增删行。得绑定到具体表格容器上，用相对路径定位。
常见错误是用 name 属性做唯一标识，但多行时容易重复；更稳妥的是给每行加唯一索引（比如 data-row="0"），再把 textarea 的 name 设为带索引的格式，如 content[0]、content[1]。
- 用
form包裹整个表格，避免手动拼接数据 - 给每个
<textarea></textarea>加name，例如name="item[0].note"，后端能直接解析成数组结构 - 若用 AJAX 提交，推荐
new FormData(formElement)，它自动收集所有带name的表单控件，包括<textarea></textarea>
FormData 提交表格内 <textarea></textarea> 时中文乱码或空值
不是编码问题，大概率是 <textarea></textarea> 没写闭合标签，或内容含换行/首尾空格被 trim 掉了。HTML 规范要求 <textarea>内容</textarea> 必须显式闭合，自闭合写法 <textarea></textarea> 会被浏览器忽略内容。
- 检查是否用了
<textarea value="xxx"></textarea>——<textarea></textarea>不支持value属性，内容必须写在标签体内 - 提交前可加校验：
textarea.value.trim() === ''判断是否为空，避免传一堆空白字符串 - 如果表格支持新增行，新插入的
<textarea></textarea>必须有name，且不能和已有项重名（否则FormData只取最后一个）
用 JavaScript 批量读取表格中所有 <textarea></textarea> 值并转成 JSON
别用 innerHTML 或正则去扒内容，直接 DOM 遍历最稳。重点是区分“当前行”和“有效单元格”，尤其当表格含合并单元格（rowspan/colspan）时，cells 集合可能跳过某些列。
立即学习“前端免费学习笔记（深入）”；
- 推荐按行遍历：
table.querySelectorAll('tbody tr')，再对每行调用row.querySelectorAll('td textarea, th textarea') - 用
textarea.dataset.id或textarea.name提取字段名，用textarea.value取值，组合成对象 - 示例片段：
const rows = []; table.querySelectorAll('tbody tr').forEach((tr, i) => { const textareas = tr.querySelectorAll('textarea'); const rowObj = {}; textareas.forEach(ta => { rowObj[ta.name] = ta.value.trim(); }); rows.push(rowObj); });
后端接收不到批量 <textarea></textarea> 数据的典型原因
前端看着都填了，后端却收不到，90% 是 name 命名不合法或没被识别为数组。PHP 用 $_POST['content'] 要求前端传 name="content[]"；Node.js 的 body-parser 默认不解析嵌套键，name="item[0].desc" 需要额外配置或手动解析。
- Python Flask：用
request.form.getlist('content')取数组，但前提是所有<textarea></textarea>的name完全一致（如全为content） - Spring Boot：参数用
@RequestParam List<string> content</string>，对应前端name="content"多个同名字段 - 关键点：打开浏览器 Network → 查看 Form Data 标签页，确认字段名和值是否真实发出——很多问题根本不出现在 JS 层，而是表单结构本身没生效
<textarea></textarea> 最容易被忽略的，是动态行的 name 同步更新和提交前的空值过滤。这两处不处理，后端要么收不到数据，要么收到一堆空字符串。 
