Montei um sistema onde eu informo o estado e o jQuery carrega as cidades.
O problema e que quando executo um history.back()
e volto para a página do formulário o select
cidade fica em branco. Como faço para ele não perder o valor?
Exemplo do código.
$(document).ready(function() {
$("#estado").on("change", function() {
if ($(this).val()) {
$.getJSON('Cidades.php?search=', {
estado: $(this).val(),
ajax: 'true'
}, function(j) {
// Carrega as cidades
var options = null;
for (var i = 0; i < j.length; i++) {
options += '<option value="' + j[i].id + '">' + j[i].nome + '</option>';
}
// Adiciona cidades
$('#cidade').html(options).show().blur();
});
} else {
// Remove cidades
$('#cidade').html('<option value=""></option>').blur();
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name='estado' id='estado'>
<option value="MG">MG</option>
<option value="SP">SP</option>
</select>
<select name='cidade' id='cidade'>
</select>