Страницы

Поиск по вопросам

воскресенье, 30 июня 2019 г.

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

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

. Вопросы появляются по очереди один за другим. Данные передаются на сервер после ответа на последний вопрос.
Задача: в некоторые вопросы необходимо подставлять предыдущие ответы. Т.е. подстановка должна происходить еще до того, как данные передались на сервер.
Как это можно реализовать с помощью jquery?
Простой пример:
Здравствуйте! Давайте знакомиться. Как Вас зовут?
{нужно подставить iac-name}, рады знакомству. На какой email нам выслать результаты анализа?
После ответа на все вопросы мы вышлем Вам результаты анализа на email {нужно подставить iac-email}. Подскажите, за последние 3 дня у Вас была головная боль?

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


Ответ

Как вариант вот так
$( "#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 нам выслать результаты анализа?

Комментариев нет:

Отправить комментарий