Как сохранить выбранное значение раскрывающегося списка onchange после отправки ⇐ Jquery

[Anonymous]

У меня есть три раскрывающихся списка: страна, штат и город. Сначала раскрывающийся список стран будет отображаться со всеми странами. Когда страна будет выбрана, соответствующие штаты будут выбраны из базы данных MySQL и появятся в раскрывающемся списке штатов. Аналогично тому, как при выборе штата соответствующие города будут выбраны из базы данных MySQL и появятся в раскрывающемся списке городов.

Ниже показано изображение по умолчанию, прежде чем я выберу страну, штат, город и нажму кнопку «Отправить».




После того, как я выберу страну, штат, город и нажму кнопку отправки, как показано ниже. Он обновится и вернется к отображению по умолчанию.




Так как же мне сохранить выбранное значение (Великобритания, Англия, Лондон) в раскрывающемся списке, а не вернуться к отображению по умолчанию после нажатия кнопки отправки?

Index.php





.select-boxes{width: 280px;text-align: center;}




$(document).ready(function(){
$('#country').on('change',function(){
var countryID = $(this).val();
if(countryID){
$.ajax({
type:'POST',
url:'ajaxData.php',
data:'country_id='+countryID,
success:function(html){
$('#state').html(html);
$('#city').html('Select state first');
}
});
}else{
$('#state').html('Select country first');
$('#city').html('Select state first');
}
});

$('#state').on('change',function(){
var stateID = $(this).val();
if(stateID){
$.ajax({
type:'POST',
url:'ajaxData.php',
data:'state_id='+stateID,
success:function(html){
$('#city').html(html);
}
});
}else{
$('#city').html('Select state first');
}
});
});





Подробнее здесь: https://stackoverflow.com/questions/418 ... ter-submit