ajax에서 콘텐츠를 기본으로 표시하는 방법

Question

AREA (첫 번째 선택 상자)를 선택하면이 지역의 모든 도시를 얻는 아약스 코드가 있습니다.

문제는 내가 처음 페이지를 입력 할 때입니다 - 내가 두 번째 선택 상자 (도시 선택 상자) 지역의 기본 (첫 번째 선택)에 기입 할 것을 원하는

이 내가 이미 가지고있는 것입니다 :

클라이언트 측 :

<script> 

$(document).ready(function(){ 
    $('#areaID').change(function(){ 
     var areaID=$('#areaID').val(); 
     $('#cityID').load('scripts/ajax/getCities.php?areaID=' + areaID); 
     return false; 
    }); 
}); 

</script> 

<form method="post" action="page.php"> 

    <select id="first" name="areaID"> 
     <option value="1">center</option> 
     <option value="2">north</option> 
     <option value="3">south</option> 
    </select> 

    <select id="cityID" name="cityID"> </select> 


</form> 

Answer 1

$(function() { 
    function updateCitySelectBox() { 
     var areaID = $('#areaID').val(); 
     $('#cityID').load('scripts/ajax/getCities.php?areaID=' + areaID); 

     return false; 
    } 

    updateCitySelectBox(); 
    $('#areaID').change(updateCitySelectBox); 
});