Как поэтапно собрать данные?

Question

[GaserV]

Добрый вечер! Подскажите. Вот у меня есть форма. После того, как юзер её заполнит, открывается pop-up, в котором необходимо выбрать подарок. И после нужно данные с формы + подарок как-то сериализовать. Как это сделать? Пробовал после того, как юзер выбрал подарок, при клике на подарок выполнить senddata(), в которой будет сериализована форма, в массив, а после, через push положить в него название подарка, который хранится в data аттрибуте. Пробовал так, но увы...

<a href="#" class="btn5" data-present="дизайн визитки" onclick="senddata()">Выбрать</a>

function senddata() {
  var present = $(this).data('present');
  console.log(present);
}

Answer 1

[Виталий Инчин ☢]

Можно просто после выбора подарка в форму засунуть input[type="hidden"] с нужным именем и значением (или пусть он там будет с начала, а по выбору изменяйте его значение). Ну, и, собстна, все это сериализовать.

сериализована форма, в массив

В строку, а не в массив - потому push и не сработает.

var serial = $("form").serialize().split("&");

serial.push("present" + "=" + "Ящик пива"); /* $(elem).attr("data-present") */

$.get( "/get.php", serial.join("&") );

А вообще, никогда не любил метод serialize и писал обертки, которые возвращали объект вида

{
  key : val,
  key2: val
}

Comments

[GaserV]

спасибо. Получилось) А почему у меня пишет undefined?

var present = $(this).attr("data-present");

serial.push("present" + "=" + present);

[Виталий Инчин ☢]

GaserV: проверьте что содержится в контексте (this) и точно ли у этого чего-то есть атрибут data-present.

[GaserV]

a href="#" class="btn5" data-present="дизайн визитки" onclick="senddata()">Выбрать

[Виталий Инчин ☢]

GaserV: при такой установке обработчика this = window, пользуйтесь jQuery.on

$(".btn5").on("click", function(){
  //do something
});

[GaserV]

Виталий Инчин ☢: так дело в том, что .btn5 не один раз используется на странице.

[Виталий Инчин ☢]

GaserV: ну так задайте нужной ссылке id или класс, либо найдите ее по определенному предку. Способов много.

Answer 2

[OKF]

Если не нужна поддержка относительно старых браузеров, можно вообще сделать так - jsfiddle.net/fainz777/uzd9pu4f

Ну или собирать данные и отправлять их аяксом.