javascript - 如何使用 thymeleaf 获取文本区域数据

标签 javascript html textarea thymeleaf

我有一个包含字段的数组,我使用文本区域将其输出到 html 上,以便用户可以编辑它们并再次保存它们。

我可以使用我拥有的设置方法来设置数据,但我不确定如何获取用户输入的文本区域文本以将其传递到该方法中。我也在用 thymeleaf 。

<td>
   <textarea name = "fitNumber" class="form-control input-sm" rows="1"
                                    th:value="${fit.setFitNumber(Need value set here)}">
   </textarea>
</td>

编辑

我会稍微改一下措辞,因为它读起来不正确。

您可以在 Thymeleaf 的 setter 中传递变量吗? 例如${person.setName(name)}

此外,传递的参数可以是 <textarea></textarea> 中的文本吗? ?

我不确定如何获取 textarea 文本并将其传递到 thymeleaf 内的 setter 方法内。

最佳答案

你有很多方法可以做到这一点...你需要阅读有关创建 thymeleaf 表单的内容(也许还有整个 Spring MVC 过程)。

http://www.thymeleaf.org/doc/tutorials/2.1/thymeleafspring.html#creating-a-form

在回答您的问题时,应该使用如下所示的表单:

<form th:object="${fit}">
    <textarea class="form-control input-sm" rows="1" th:field="*{fitNumber}" />
</form>

th:object 与 th:field 结合会在你提交表单时自动将 textarea 的值绑定(bind)到你的对象 -- 当你提交表单时,spring 会调用 fit.setFitNumber(value from input area) 在幕后,您的 Controller 方法会将 fit 对象作为参数传递给它。

关于javascript - 如何使用 thymeleaf 获取文本区域数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39613434/

相关文章:

javascript - 在 JavaScript 警报框中调用我的函数不起作用

javascript - setTimeout() 返回未捕获的类型错误

jquery - 如何制作这样的导航

html - IE7 和 IE8 中奇怪的白色文本

html - 样式化空文本区域高度

jquery - 仅将文本区域自动增长到一定高度jquery css

javascript - 除了 p 标签之外,从 JavaScript 中的文本中去除 Html?

javascript - 同时按列分页和过滤Angular 6

angularjs - 使用 Tinymce (ui-tinymce) 时使用 Angular ng-messages 验证文本区域

javascript - 横向图例 React-vis