Сохранить значения, выбранные после отправки формы HTML

По-умолчанию, когда мы заполняем HTML форму и нажимаем кнопку Отправить (или как там будет написано), которая совершает действие, после перезагрузки страницы мы попадаем снова на эту форму, но выбранных значений уже нет… Как же их сохранить? Просто. Поможет javascript.Например у нас имеется следующая форма:

<select name="sel1" id="sel1">
 <option value="a">a</option>
 <option value="b">b</option>
</select>

<select name="sel2" id="sel2">
 <option value="c">c</option>
 <option value="d">d</option>
</select>

<select name="sel3" id="sel3">
 <option value="c">c</option>
 <option value="d">d</option>
</select>

К каждому блоку select необходимо сделать небольшое дополнение, чтобы получить то, что нам нужно. В итоге код будет выглядеть так:

<select name="sel1" id="sel1">
 <option value="a">a</option>
 <option value="b">b</option>
</select>

<script type="text/javascript">
  document.getElementById('sel1').value = "<?php echo $_GET['sel1'];?>";
</script>

<select name="sel2" id="sel2">
 <option value="c">c</option>
 <option value="d">d</option>
</select>

<script type="text/javascript">
  document.getElementById('sel2').value = "<?php echo $_GET['sel2'];?>";
</script>

<select name="sel3" id="sel3">
 <option value="c">c</option>
 <option value="d">d</option>
</select>

<script type="text/javascript">
  document.getElementById('sel3').value = "<?php echo $_GET['sel3'];?>";
</script>

Что мы сделали? Мы просто смотрим скриптом, что было передано через GET на эту нашу страницу, в соответствии с аргументом name и подставляем это значение в value. Если данные были переданы с помощью POST запроса – просто в коде меняем GET на POST.


Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Unlix © Все права защищены 2023

Копирование материалов с сайта Unlix.ru без указания полной ссылки на источник ЗАПРЕЩЕНО!