var xmlDoc;
if(window.ActiveXObject){
xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
xmlDoc.async = false;
xmlDoc.load("../services/addressservice.xml");
xmlObj=xmlDoc.documentElement;
}

else if (document.implementation&&document.implementation.createDocument){
xmlDoc = document.implementation.createDocument('', '', null);
xmlDoc.load("../services/addressservice.xml");
}

else{
	alert('Your browser cannot handle XML loading');
}

  <!--alert(xmlDoc.documentElement.xml);  -->
function loadState(){
	var s= xmlDoc.getElementsByTagName('state');
	var l=s.length;
	var sa = new Array();
	for(var i=0; i<l; i++){
		sa[i] = s[i].getAttribute('name');
	}
	var ss1=document.getElementById("ss");
	ss1.length=sa.length + 1;
	for (i=0;i<sa.length;i++)
    {
  		ss1.options[i+1].text=sa[i];
    }
	
}
function change(sID){
	var ss1=document.getElementById("ss");
	var cs1=document.getElementById("cs")
	var ps1=document.getElementById("ps");
	ss1.options[sID].selected=true;
	cs1.options[0].selected=true;
	ps1.options[0].selected=true;	
	unload("ps");
	unload("cs");
	loadProvince();
}

function loadProvince(){
	var sID = document.getElementById("ss").selectedIndex-1;	
	var x1=xmlDoc.getElementsByTagName('state');
	var x=x1[sID].getElementsByTagName('province')
	var l = x.length;
	var pa = new Array();
	for(var i=0; i<l; i++)
        {
			pa[i] = x[i].getAttribute('name');          
        }				
	var ps1=document.getElementById("ps");
	ps1.length=pa.length + 1;
	for (i=0;i<pa.length;i++)
    {
  		ps1.options[i+1].text=pa[i];
    }
	ps1.options[0].selected=true;
	unload("cs");
}

function loadCity(){
	var sID = document.getElementById("ss").selectedIndex-1;
	var pID = document.getElementById("ps").selectedIndex-1;
	var y = xmlDoc.getElementsByTagName('state')[sID].getElementsByTagName('province')[pID].getElementsByTagName('city');
	var l = y.length;
	var ca = new Array;
		for(var i=0; i<l; i++)
        {
		   ca[i] = y[i].getAttribute('name');           
        }
	var cs1=document.getElementById("cs")
	cs1.length=ca.length + 1;
	for (i=0;i<ca.length;i++)
    {
  		cs1.options[i+1].text=ca[i];
    }
	cs1.options[0].selected=true;
}
function unload(list){
	var csl=document.getElementById(list);
	csl.length=1;
	csl.options[0].selected=true;
}