1

Всем привет!

Как сохранить выбор селекта после обновления страницы?

<form method="POST">
<select name='sort' id="sortID">
   <option value="0">Все</option>
   <option value="5">Дерматологи</option>
 </select>
<input type="submit" value="Показать">
</form>

1
  • Выбирайте: 1) на стороне клиента :cookie \ localStorage \ applicationStorage \ .... 2) на сервере: cookie \ session \ database \ .... 22 янв 2020 в 14:20

2 ответа 2

2

С использованием localStorage так:

document.addEventListener('DOMContentLoaded', function(){
	var item = localStorage.getItem('sortId');
	var select = document.getElementById("sortID");
	select.value = item;
});
function submitForm(){
	var select = document.getElementById("sortID");
	var value = select.options[select.selectedIndex].value;
	localStorage.setItem('sortId', value);
}
<form method="POST" onsubmit="submitForm()">
	<select name='sort' id="sortID">
	   <option value="0">Все</option>
	   <option value="5">Дерматологи</option>
	 </select>
	<input type="submit" value="Показать">
</form>

0

Как альтернатива на чистом php - можно использовать cookie
Если именно при перезагрузке страницы(важно) Вариант tCode с js будет покомфортней.

Пример:

<?php
/**
 * Created by PhpStorm.
 * User: 640kb
 * Date: 22/01/2020
 * Time: 17:46
 */

$sort = "";
if(isset($_POST['sort'])) {
    $sort = $_POST['sort'];
    setcookie("sort", $sort);
}
if(isset($_COOKIE['sort'])){
    $sort = $_COOKIE['sort'];
};

?>

<form method="POST">
    <select name='sort' id="sortID">
        <option value="0" <?php if($sort == "0"){ echo 'selected';}?>>Все</option>
        <option value="5" <?php if($sort == "5"){ echo 'selected';}?>>Дерматологи</option>
    </select>
    <input type="submit" value="Показать">
</form>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.