Показать сообщение отдельно
  #1 (permalink)  
Старый 21.12.2020, 19:34
Новичок на форуме
Отправить личное сообщение для alexmngh Посмотреть профиль Найти все сообщения от alexmngh
 
Регистрация: 21.12.2020
Сообщений: 3

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

<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>

Не работает
Пробовал отлавливать событие "change" первой формы, чтобы в этом момент сделать присвоение. Так тоже не работает, я подозреваю, что Thymeleaf делает это присвоение на стороне сервера иначе объяснить не могу.

Последний раз редактировалось alexmngh, 22.12.2020 в 08:50.
Ответить с цитированием