单击按钮将值从一个输入传递到另一个

时间:2019-11-09 04:00:38

标签: jquery

我有3个元素:

  • input1
  • input2
  • 按钮

我的目标是在单击按钮时将值从输入1传递到输入2。

我的代码是:

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

但这在用户键入时有效。 我需要将输入1的值传递给输入2,而不是在用户键入时,而是在用户单击按钮时传递。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

不要在输入上使用keyup事件。使用按钮上的click事件。不用使用this来获取值,您只需获取具有id的第一个输入的值即可。

这是一些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>