Как передать скрытые поля в другую форму на сайте?

Question

[Павел]

вот сайт paratovarov.ru/09 , сперва пишем в поле "надпись на чехле" какой-то текст , сверху выбираем цвет чехла , дальше этих параметра передаются в виде скрытых полей в форму которая вызывается попап окном.
Вот вопрос , как эти поля передать форме? Как это связывается?

Answer 1

[Alexander Lashchevsky]

Вот вам пример. У Вас есть два инпута.

<input class="from" value="Отсюда копируем текст">
<input class="to" value="Сюда копируем текст">

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

$('.from').keyup(function() {
	$('.to').val( $(this).val() );
});

И при каждом нажатии на клавишу инфа из этого поля будет копироваться в невидимое.
Если хотите, можете заменить keyup на focusout или ещё что-нибудь...

Да, и у Вас не работает выбор цвета (Google Chrome OS X).

Comments

[Павел]

да выбор цвета пока не работает. А по from to , не вышло , отправилось только: [object Object]

[Alexander Lashchevsky]

mrusklon: да, конечно. Я изменил. Отправлять нужно не объект $(this), а его содержание $(this).val()

Answer 2

[Алексей Корчагин]

при открытии попапа выполняйте:
$('#orderText').val( $('#sign').val() )

Comments

[Павел]

так? jsfiddle.net/KLON/z13a00bt

[Алексей Корчагин]

mrusklon: нет, так текст скопируется один раз при открытии страницы (то есть когда его там еще нет)
Нужно сделать так https://jsfiddle.net/jhmv4gp7/

[Павел]

а что за класс .bs-modal-sm ?

[Алексей Корчагин]

mrusklon: идентификатор модального окна с формой, взял с сайта по вашей ссылке paratovarov.ru/09

[Павел]

я просто пытаюсь разобраться на самом простом примере который приложил. Если я просто форму оберну в этот класс , это тоже самое?

[Алексей Корчагин]

mrusklon: не тоже самое - на модальное окно навешан обработчик события 'show.bs.modal' (так как на сайте используется бутстрап getbootstrap.com/javascript/#modals-events), на форме данное событие не вызовется.
если нужно сделать тоже самое для формы без модального окна, можно изменить пример так https://jsfiddle.net/omc24Lnm/1/ тогда текст скопируется непосредственно перед отправкой формы.