Записать в cookie на JS для select, input, textarea


Этот JavaScript скрипт предназначен для записи в cookie данных с элементов веб-формы. Например: select - запомнить выбор (option) пользователя; сохранить введённые данные в input и textarea пользователем.
Демо-пример (select запомнить выбор в куки):
После выбора города обновите страницу!
В HTML-исходнике страницы между тегами <head>, вставьте скрипт:
1
2
3
4
5
6
7
8
9
<script>
(function(){
var select = document.getElementById('
gorod');
if (localStorage.gorod) {
select.value = localStorage.gorod; }
select.onchange = function() {
localStorage.gorod = this.value; }
})();
</script>
В третьей строке: gorod - это id селекта (Combobox), замените его на свой id.
В остальных строчках (4, 5 и 7) JS скрипта все слова «gorod» тоже обязательно замените, на имя вашего id селекта (комбобокса).
Вышеуказанный скрипт сохранит выбор (option) пользователя, например выбор города в комбобоксе и при обновлении или переходе, на новую страницу сайта отобразится город, который до этого был выбран.
Для записи cookie данных, введённые в input (Editbox) пользователем, замените в скрипте все слова «select» на input.
Пример js-кода для поля input:
<script>
(function(){
var
input = document.getElementById('inp');
if (localStorage.
inp) {
input.value = localStorage.inp; }
input.onchange = function() {
localStorage.
inp = this.value; }
})();
</script>
Демо-пример (запомнить данные введённые в input):
Заполните поле Editbox и обновите страницу!
Важно: введённые данные сохраняться в cookie, если после заполнения кликнуть вне поля input, для потери фокуса и только потом обновить страницу.
Для записи в куки данных, введённые в TextArea пользователем сайта, необходимо в скрипте заменить все слова «select» или «input» на textarea.
Пример js-кода для поля TextArea:
<script>
(function(){
var
textarea = document.getElementById('textar');
if (localStorage.
textar) {
textarea.value = localStorage.textar; }
textarea.onchange = function() {
localStorage.
textar = this.value; }
})();
</script>
Демо-пример (запомнить данные введённые в TextArea):
Заполните поле TextArea и обновите страницу!
Введённые данные сохраняться в куки, если после заполнения кликнуть вне поля TextArea, для потери фокуса и только потом обновить страницу.
Скачать исходник .wbs (версия 12.3.0)