Below is the default display before I select country,state,city and click submit button.

After I select country, state, city and click submit кнопка, как ниже. Он обновится и вернется к дисплею по умолчанию. < /P>
$(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
Мобильная версия