как передать ввод формы в форму в модальном (bootstrap/jquery)?

Question

У меня возникают трудности с чем-то довольно простым ... У меня есть вопрос, где пользователь вводит свой адрес электронной почты, когда он отправляет, я называю модальным (используя bootstrap/jquery). этот модал содержит другую форму, в которой пользователю предлагается дополнительная информация. Тем не менее, я не знаю, как передать переменную электронной почты из формы initital в форму, содержащуюся в модальном.

Это начальная форма, в которой я собираю адрес электронной почты:

<form action="{{ url_for('register') }}" class="form-inline" method="POST" id="register-init"> 
    <input type="text" data-toggle="modal" data-target="#register" placeholder="Enter your email to get started" id="email-init" name="email" value=""> 
    <input class="btn btn-default" data-toggle="modal" data-target="#register" value="Register"> 
    </form> 

и это строка, относящаяся к адресу электронной почте в модальном:

<dt><label for="email">Email Address</label> 

<dd><input id="email"> name="email" type="text" value="{{ request.form.email }}"></dd> 

спасибо за вашу любезную помощь!

Answer 1

Как я сосать при программировании, просто нужно использовать метод .val(). Как так:

$('#email').val($('#email-init').val()); 

Вот рабочий JS Bin Demo.
«Магия» выполняется сценарием JS в конце.
Когда вы нажимаете на кнопку, сценарий копирует содержимое текстового поля # email-init в #email текстовое поле, вот и все.