Передача значения от одного входа к другому при нажатии кнопки

Question

У меня есть 3 элемента:

• input1
• input2
• button

Моя цель - передать значение с входа 1для ввода 2 по нажатию кнопки.

Мой код:

  $(document).ready(function () {
        $("#input1").keyup(function () {
            var value = $(this).val();
            $("#input2").val(value);
        });
    });

Но это работает, когда пользователь печатает. Мне нужно передать значение с input1 на input 2 не тогда, когда пользователь печатает, а когда пользователь нажимает кнопку.

Есть идеи?

Answer 1

Вместо использования события keyup на входе. Используйте событие click на кнопке. Вместо использования this для получения значения, вы можете просто получить значение первого ввода с идентификатором.

Вот пример с html:

$(document).ready(function() {
  $("#aButton").click(function() {
    var value = $("#input1").val();
    $("#input2").val(value);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="input1" />
<input id="input2" />
<button id="aButton">Button</button>