function Dados(valor) {
  //verifica se o browser tem suporte a ajax
  try {
     ajax = new ActiveXObject("Microsoft.XMLHTTP");
  } 
  catch(e) {
     try {
        ajax = new ActiveXObject("Msxml2.XMLHTTP");
     }
     catch(ex) {
        try {
           ajax = new XMLHttpRequest();
        }
        catch(exc) {
           alert("Esse browser não tem recursos para uso do Ajax");
           ajax = null;
        }
     }
  }
  //se tiver suporte ajax
  if(ajax) {

     //deixa apenas o elemento 1 no option, os outros são excluídos
     document.getElementById("listCidades").options.length = 1;
     
     idOpcao  = document.getElementById("opcoes");
     
     ajax.open("POST", "../ajax/cidades.php", true);
     ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded charset=utf-8");
     
     ajax.onreadystatechange = function() {
        //enquanto estiver processando...emite a msg de carregando
        if(ajax.readyState == 1) {
           idOpcao.innerHTML = "Carregando...!";   
        }
        //após ser processado - chama função processXML que vai varrer os dados
        if(ajax.readyState == 4 ) {
           if(ajax.responseXML) {
              processXML(ajax.responseXML);
           }
           else {
               //caso não seja um arquivo XML emite a mensagem abaixo
               idOpcao.innerHTML = "--Primeiro selecione o estado--";
           }
        }
     }
     //passa o código do estado escolhido
     var params = "estado=" + valor;
     //alert (valor);
     ajax.send(params);
  }
}

function processXML(obj){
  //pega a tag cidade
  var dataArray   = obj.getElementsByTagName("cidade");
  
  //total de elementos contidos na tag cidade
  if(dataArray.length > 0) {
     //percorre o arquivo XML paara extrair os dados
     for(var i = 0 ; i <dataArray.length ; i++) {
        var item = dataArray[i];
        //contéudo dos campos no arquivo XML
        var codigo    =  item.getElementsByTagName("codigo")[0].firstChild.nodeValue;
        var descricao =  item.getElementsByTagName("descricao")[0].firstChild.nodeValue;
        
        idOpcao.innerHTML = "--Selecione uma das opções abaixo--";
        
        //cria um novo option dinamicamente  
        var novo = document.createElement("option");
            //atribui um ID a esse elemento
            novo.setAttribute("id", "opcoes");
            //atribui um valor
            novo.value = codigo;
            //atribui um texto
            novo.text  = descricao;
            //finalmente adiciona o novo elemento
            document.getElementById("listCidades").options.add(novo);
     }
  }
  else {
    //caso o XML volte vazio, printa a mensagem abaixo
    idOpcao.innerHTML = "--Primeiro selecione o estado--";
  }      
}