AJAX加载两个具有相同数据问题的组合框——一个被加载，另一个总是空的

基本上我想加载两个国家列表和initializePage()在body onload被调用的组合框。

下面的代码是从一个js文件中复制出来的。我的问题是:一个组合框加载是正确的，但是当我一起调用两个函数时，总是执行最后调用的组合框加载(换句话说，总是加载一个组合框而不是两个)

my new to AJAX, Please Help

var xmlHttp;
function initializePage()
{
    displayCountryFrom();
    displayCountryTo();
}

function displayCountryFrom()
{ 
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null)
     {
     alert ("Browser does not support HTTP Request");
     return
     }
    var url="loadCountry.php";
    url=url+"?sid="+Math.random();
    xmlHttp.onreadystatechange=CountryFromstateChanged ;
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
}
function displayCountryTo()
{ 
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null)
     {
     alert ("Browser does not support HTTP Request");
     return
     }
    var url="loadCountry.php";
    url=url+"?sid="+Math.random();
    xmlHttp.onreadystatechange=CountryTostateChanged ;
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
}

function CountryFromstateChanged() 
{ 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
     { 
        document.getElementById( "countryListFrom").innerHTML= 
                '<option value="0">------Select Coutry1------</option>'+ xmlHttp.responseText;
     } 
}

function CountryTostateChanged() 
{ 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
     { 
        document.getElementById( "countryListTo").innerHTML= 
                '<option value="0">------Select Coutry2------</option>'+ xmlHttp.responseText;
     } 
}