How to transfer data from one form to another on the same page on js?

Question

Hey.

There is a form 1:

<form id="form-1"> <input type="text" class="name" name="name" /> <input type="text" class="surname" name="surname" /> <input class="feedback" name="send" type="button" value="Отправить"> </form>

And the second form that opens in a pop-up by clicking on the button:

 <button class="btn" type="button">Оформить подписку</button> <form id="form-2"> <input type="text" class="name" name="name" /> <input type="text" class="surname" name="surname" /> <input type="text" class="e-mail" name="e-mail" /> <input class="feedback" name="send" type="button" value="Отправить"> </form>

How on js (or jquery) to transfer the entered data of the fields "name" and "last name" from the form one to the same (similar) fields "name" and "last name" in the second form, by clicking on the button?

 $('.btn').click(function(){ });

humster_spb humster_spb 6,665 one eight 29 · Accepted Answer · 2018-02-05T18:20:32

 $('.btn').click(function(){ $('#form-2 [name="name"]').val($('#form-1 [name="name"]').val()); $('#form-2 [name="surname"]').val($('#form-1 [name="surname"]').val()); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="form-1"> <input type="text" class="name" name="name" /> <input type="text" class="surname" name="surname" /> <input class="feedback" name="send" type="button" value="Отправить"> </form> <br /> <button class="btn" type="button">Оформить подписку</button> <br /><br /> <form id="form-2"> <input type="text" class="name" name="name" /> <input type="text" class="surname" name="surname" /> <input type="text" class="e-mail" name="e-mail" /> <input class="feedback" name="send" type="button" value="Отправить"> </form>

How to transfer data from one form to another on the same page on js?

1 answer 1

More articles: