Как сохранить HTML вместе с текущим состоянием?

Question

[DexizeR]

Возможно ли сохранить блок HTML кода вместе с его постустановленными данными и атрибутами, например в HTML есть форма с элементом select, пользователь выбирает элемент из списка, далее яваскрипт сохраняет куда-то всю форму целиком, а когда пользователь вновь возвращается к форме, то она подгружается вместе с выбранными элементами и введеными пользователем данными.



пробовал на jQuery через через html() записывать и устанавливать форму — введенные данные не сохраняются .(



существует ли готовое решение для сохранения HTML вместе с состоянием?



P.S. это нужно потому в пошаговом мастере очень много сложных динамических форм, и восстанавливать выбранные значения на каждой в случае если пользователь решил вернуться на шаг назад и что-то поменять очень трудоемко.

Answer 1

[B@rmaley.e><e]

В общем случае — нельзя. Сохранить состояние обработчиков событий, навешанных с помощью addEventListener, например, нельзя.

Но если Вам нужны только данные формы, то можно их сериализовать, а потом восстановить.

Comments

[DexizeR]

serialize не подходит, во первых, потому что нет функции deserialize, а во вторых, даже если бы эта функция была — моя форма динамическая, там многие элементы появляются на ходу, по мере заполнения формы, соответственно мне надо будет анализировать сериализованную форму чтобы правильно построить по ней саму форму, а я как раз этого хочу избежать

Answer 2

[lashtal]

.clone( [withDataAndEvents] [, deepWithDataAndEvents] ) подойдет?

Comments

[DexizeR]

а как записать клонированный объект скажем в куку или на сервер?

Answer 3

[DexizeR]

ваще мне было бы достаточно такой функции которая бы HTML форму с введенными пользовтелем значениями записывала бы в строку как есть:

<div id="input_div">
<input type="text" name="text" value="">
</div>

//юзер вводит значение

//запускаем эту мегафункцию
var str = megafunc($('#input_div').html());

//str = '<input type="text" name="text" value="введенные юзером текст">'