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

Question

[maestro07]

<form action="{% url 'main:company_payments' %}" method="POST" id="PaymentStateForm">
	            {% csrf_token %}
	            <select onchange="change(this)" id="selectState" name="payment_state">
                <option selected="true" disabled="disabled" value="">Состояние</option>
                <option value="true">Оплачено</option>
                <option value="false">Не оплачено</option>
                <option value="all">Все</option>
	            </select>
        		</form>

<script>
    $(function(){
      $('#selectState').on("change", function(){
				$('#PaymentStateForm').submit();
      });
    });
		function change(element) {
		  if (element.value == "All") {
		    window.location.reload();
		  }
		}
</script>

значение не сохраняется. Я выбираю и страница стразу обновляется но не сохраняет значение.

Answer 1

[Stalker_RED]

Варианты:
1. Если вы уже отправили данные, то в html переставить <option selected> в нужное место
2. Сохранть значение в localStorage, например, и при загрузке страницы выбрать нужный
3. Не обновлять страницу, отправлять всё ajax-ом.

Comments

[maestro07]

можно подробнее про 2 вариант

[Сергей delphinpro]

maestro07: вам правильнее первым вариантом воспользоваться

[maestro07]

Сергей: подробнее можете сказать

[Сергей delphinpro]

maestro07: я не знаю вашей системы.
просто ставьте условие в шаблоне

<option value="true" {% if value = 1 %}selected{% endif %}>Оплачено</option>
<option value="true" {% if value = 2 %}selected{% endif %}>Не оплачено</option>

За синтаксис не ручаюсь, переменная value - это состояние селекта из свойств товара

Answer 2

[Shane Matte]

На сервере или в ls