如何在ajax中将内容显示为默认值

Question

我有ajax代码，当我选择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);
});