springboot中使用thymeleaf模板引擎中的th:field的取值问题

最新推荐文章于 2024-06-22 11:45:40 发布

FlySupper

最新推荐文章于 2024-06-22 11:45:40 发布

阅读量7.5k

点赞数 7

本文链接：https://blog.youkuaiyun.com/qq_41220455/article/details/89847447

版权

博客介绍了Thymeleaf中th:field取值的前提条件，即前面必须有th:object，th:object表示获取表单或后台数据对象，th:field从该对象取属性。还说明了在js文件中获取th:field值，以及在<input>中通过函数传参获取其值的方法，指出因编译后th:field会变成name，不能用attr('th:field')获取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们知道要想通过th:field取值，前面必须要有th:object; th:object表示获取的表单或者后台数据对象；th:field只是从该对象中取出响应的属性；

<form id="form1" th:object="${animal}">
    <input id="partId" name="partId" th:field="*{age}"/>
</form>

其中的*{age}取的就是animal对象中的age属性所对应的值

当你想在js文件中获取th:field的值：

[[${th:Object的值.th:field的值}]]

例如：
[[${animal.age}]]

当你想直接在<input>中通过函数传参，其中一个参数是th:field的值的情况：

需要先写一个th:value=${th:field中的值},然后在通过attr（）获取该value属性的值：

<form id="form1" th:object="${animal}">
    <input id="animalAge" name="animalAge" th:field="*{age}" th:value="${age}"
            onclick="function getAge(){alert($('animalAge').attr('value'))}"/>
</form>

注意：onclick()中的attr()中字符就是value；
因为th:value在编译后会被编译成 value;

由于th:field在编译后会被编译成name，所以不能通过attr('th:field')获取到；