Как с помощью JS вставить скопировать текст из одного поля в другое

Question

У меня есть форма ввода:

<form id="form01" th:method="POST" th:action="@{/add-car/new}" th:object="${carEntity}">
    <input type="text" id="input01" th:field="*{time}">
    <input type="time" id="input02" th:field="*{time}">
    ...
    <button type="submit" class="btn btn-primary">Save</button>
    <button type="submit" class="btn btn-primary">Delete</button>
</form>

Проблема заключается в том, что Thymeleaf ни как не хочет заносить значение из переменной time в поле ввода. Я понял, что без JS тут не обойтись, а я его ваще не знаю. Как мне с помощью JS скопировать значение value из поля input01 в input02 при нажатии на кнопку Save или при отрисовке формы, если это возможно?

Пробовал сделать вот так:

<form name="form01" ...>
    ...
    <button type="submit" class="btn btn-primary" onclick="setVal()">Сохранить</button>
</form>
<script>
    function setVal() {
        document.getElementById("input02").value = "21:45";
    }
</script>

Не работает

Answer 1

$('.btn_save').click(function(){ // отлавливаем нажатие
     var input01 = $("#input01").val(); // извлекаем текст из input01       
    $("#input02").val(input01); //записываем текст в input02 (меняем значение value)        
});

 
<button type="submit" class="btn btn-primary btn_save">Save</button>

БЛОГ НА HUSL

Как с помощью JS вставить скопировать текст из одного поля в другое

Ответы (1 шт):