Question

对于Java来说是很新的东西，有一个用Thymeleaf和Spring创建的表单。如果单击按钮，我需要一种插入新输入文本字段的方法。任何想法如何做到这一点？我想我需要在@ RequestMapping / Controller文件中做一些事情。而且，如何生成新的输入行，是否需要在模型中定义其他内容？这是按钮...

        <!-- add option for user to add another input line -->
        <div class="row text-right">
            <label>Add another input line</label>
            <button type="submit" name="addInputLine" class="btn btn-default" ><span class="fa fa-plus"></span></button>
        </div>

Answer 1

您需要为此使用Javascript，并在前端进行操作。

使用原始javascript的示例，首先向父元素添加ID，然后为按钮提供点击处理程序：

<div id="parentElement" class="row text-right">
    <label>Add another input line</label>
    <button onclick="addInputLine()" name="addInputLine" class="btn btn-default" ><span class="fa fa-plus"></span></button>
</div>

接下来为点击处理程序添加javascript函数

<script>
function addInputLine() {
var node = document.createElement("input");                 // Create an <input> node                         
document.getElementById("parentElement").appendChild(node);     // Append it to the parent
}
</script>

从长远来看，最好使用诸如jquery之类的框架来处理此类事情

如何通过单击按钮Spring / Java / Thymeleaf

1 个答案: