Как добавить новое поле ввода при нажатии кнопки Spring / Java / Thymeleaf

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, для обработки такого рода вещей