I set up a system where I enter the state and jQuery loads the cities.
The problem is that when I run a history.back()
and go back to the form page the select
city is left blank. How do I make it not lose value?
Code sample.
$(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><selectname='estado'id='estado'><optionvalue="MG">MG</option>
<option value="SP">SP</option>
</select>
<select name='cidade' id='cidade'>
</select>