Tenho uma pagina com filtros, sendo 4 selects, um input search, 2 input date e um submit, preciso manter os dados selecionados após o reload da pagina.
Ou seja coloco os dados para filtrar e após clicar no submit e a pagina carregar preciso que ela mantenha os valores do form conforme selecionado antes do submit.
A principio to salvando em cookie com o código abaixo, porem apesar de estar salvando os cookie blz queria saber se tem como diminuir esse código? Tipo em vez de usar um $.cookie
para cada input, usar um para o form todo.
E também gostaria de saber como popular o form de novo com os dados do cookie e se isso não pode me causa problemas ele ficando armazenado, tem como excluir os cookies depois de usá-los?
$(".searchButton").on("click", function () {
$.cookie('frachiseesValue', $("#frachisees_filter").val());
$.cookie('schoolsValue', $("#schools_filter").val());
$.cookie('challengeValue', $("#post_challenges_filter").val());
$.cookie('statusValue', $("#statuses_filter").val());
$.cookie('searchValue', $("#filter_search").val());
$.cookie('startDateValue', $("#startDate").val());
$.cookie('endDateValue', $("#endDate").val());
});
Update
OBS: Esta sendo salvo no cookie (dos select) o id correspondente ao option e nao a string.