Как использовать localStorage с формой?

Question

[Fredd Monty]

Как использовать localStorage в форме?
Например, переходим со страницы Мотоциклы на страницу Контакты и в форме выбирается option мотоциклы. Переходим с кукурузы выбирается кукуруза.

Подскажите примеры, кто как делает?
Спасибо!

Answer 1

[Anton Bobylev]

А что именно непонятно-то? Пишите в localStorage при переходе, читаете из localStorage при загрузке формы.
Но обычно для этого используются параметры get запроса.

Comments

[Fredd Monty]

непонятно как записать

[Anton Bobylev]

Stas Fedorko: localStorage.setItem('myCat', 'Tom');

Answer 2

[Ivanq]

Вы т... немного не понимаете сути.

Страница banana.html:

...
<script type="text/javascript">
localStorage.setItem("from", "banana");
</script>
...

Страница motocycles.html:

...
<script type="text/javascript">
localStorage.setItem("from", "motocycles");
</script>
...

Страница contacts.html:

...
<script type="text/javascript">
var option = localStorage.getItem("from");
// UPD НЛО прилетело и вставило сюда неправильный код
document.querySelector("select").value = option;
</script>
...

PS. Часть код стащил у @dpr

Comments

[Fredd Monty]

это я уже понял, Сергей написал. Спасибо.
Осталось понять как сделать активным необходимый option.

[Сергей delphinpro]

Stas Fedorko: так вот же оно =))

var option = localStorage.getItem("from");
document.querySelector("select").options[option].selected = true;

[Fredd Monty]

Сергей: :) да я записал так.
выдаёт ошибку: Uncaught TypeError: Cannot set property 'selected' of undefined
at contact.html

Получается нужно их перечислить или указать в форме у option?

[Сергей delphinpro]

Stas Fedorko: Не знаю, что у вас там ) Нормально отрабатывает https://jsfiddle.net/j2L19joj/8/

[Сергей delphinpro]

Stas Fedorko: а-а-а, вы в хранилище сохраняете название страницы, а в коде opions[option] - нужно указывать номер опции (нумерация с нуля).

[Ivanq]

Сергей: Да, тоже сейчас заметил. Код исправил. Stas Fedorko, посмотрите.