Подстановка данных из формы с помощью jquery

#jquery #form

                    
Ситуация: есть серия вопросов для диагностики самочувствия пациентов с хроническим
заболеванием, которые оформлены с помощью обычного 
. Вопросы появляются
по очереди один за другим. Данные передаются на сервер после ответа на последний вопрос.

Задача: в некоторые вопросы необходимо подставлять предыдущие ответы. Т.е. подстановка
должна происходить еще до того, как данные передались на сервер. 

Как это можно реализовать с помощью jquery?

Простой пример:


  Здравствуйте! Давайте знакомиться. Как Вас зовут?
  

  {нужно подставить iac-name}, рады знакомству. На какой email
нам выслать результаты анализа?
  

  После ответа на все вопросы мы вышлем Вам результаты
анализа на email {нужно подставить iac-email}. Подскажите, за последние 3 дня у Вас
была головная боль?
  
    Не было
    Была недолгая головная боль
    Да, голова болела несколько дней
    Меня мучает постоянная головная боль
  



В jquery я новичок, поэтому не знаю как и можно ли реализовать такую подставку данных.
Но исхожу из таких соображений: раз каждому полю формы можно указать уникальный id,
то значит можно брать из него данные и подставлять в текст.
    

Ответы

Ответ 1

Как вариант вот так

$( "#iac-name" ).change(function() {
    $("#iac-email").text($( "#iac-name" ).val() + ", рады знакомству. На какой email
нам выслать результаты анализа?");
});


Если содержимое  

{нужно подставить iac-name}, рады знакомству. На какой email
нам выслать результаты анализа?


Будет иметь вид

 , рады знакомству. На какой email нам выслать результаты
анализа?


Тогда можно так

 var text = $("#iac-email").text();
 $("#iac-email").text($( "#iac-name" ).val() + text);


Обновление

Логика такая, что я поместил в переменную text - следующий текст 


  , рады знакомству. На какой email нам выслать результаты анализа?


Затем обновил содержимое добавив введенное имя. Все это выполняется по событию $(
"#iac-name" ).change. Писал в комметариях поэтому не исключено что где-то допустил ошибку.

Для   

{нужно подставить iac-name}, рады знакомству. На какой email
нам выслать результаты анализа?



Метод $("#iac-email").text() должен вернуть


  {нужно подставить iac-name}, рады знакомству. На какой email нам выслать результаты
анализа?