Thymeleaf中th:field无法获取th:value数据，表单删除功能异常

我碰到过好几个类似的Thymeleaf表单绑定问题，结合你描述的情况——按钮能正确拿到ID值，但th:field="*{id}"绑定的input没传对值，硬编码ID又完全正常，大概率是Thymeleaf的表达式上下文或者表单对象的绑定问题，给你几个排查和解决的方向：

1. 先确认表单的th:object是否正确配置 #

Thymeleaf的*{id}表达式是基于<form>标签的th:object来解析的，如果你的表单没指定绑定对象，或者对象里没有id属性，那这个input根本没法拿到正确的值。

举个正确的配置例子：

<form th:object="${deleteForm}" method="post" action="/delete">
  <!-- *{id} 对应 deleteForm 对象里的 id 属性 -->
  <input type="hidden" th:field="*{id}" />
  <button type="submit" th:text="'删除ID: ' + ${targetId}">删除</button>
</form>

如果你的表单里没有th:object，那*{id}就失去了上下文，自然不会填充任何值。

2. 检查后端传递的绑定对象是否赋值了ID #

你提到按钮能拿到${targetId}，但这个变量和th:object绑定的对象是两个不同的数据源。比如你后端可能只把ID放到了model.addAttribute("targetId", 3)，但绑定的deleteForm对象的id字段根本没设值，那生成的input自然是空的。

解决办法很简单，在后端把目标ID赋值给绑定对象的id属性：

// 假设你的绑定表单类叫 DeleteForm
DeleteForm deleteForm = new DeleteForm();
deleteForm.setId(targetId); // 把要删除的ID赋值进去
model.addAttribute("deleteForm", deleteForm);

3. 查看浏览器生成的HTML源码，定位问题 #

按F12打开浏览器开发者工具，查看这个hidden input的实际HTML代码：

• 如果看到的是<input type="hidden" id="id" name="id" value="" />，那说明Thymeleaf确实没填充值，回到前两步检查th:object和后端对象赋值。
• 对比硬编码的input，确认name属性是否一致（Thymeleaf生成的name应该是id，和你硬编码的一致，要是不一致，后端接收参数时就会拿不到值）。

4. 快速替代方案：用th:value直接绑定 #

如果暂时不想折腾对象绑定，也可以绕开th:field，直接用th:value给input赋值，同时指定正确的name属性（要和后端接收的参数名一致）：

<input type="hidden" name="id" th:value="${targetId}" />

这种方式和你硬编码ID的逻辑完全一致，能快速解决删除失败的问题。

内容的提问来源于stack exchange，提问作者Michael Perez