ajax não carrega o valor na div

Um formulário simples de teste, onde usuario seleciona um valor e é exibido na div algum resultado.

Não consigo achar o erro, pois a resposta nao aparece na div.

O local onde ocorre o erro é no ajax, veja logo abaixo no formulario do ajax meus comentarios onde explico sobre o erro.

Como ainda é uma pagina de teste, a pagina php de consulta ao banco de dados é apenas para teste mesmo, pois ainda nao consulta nada, apenas tem

um echo para exibir um texto "teste". Mas não exibe.

Abaixo os codigos:

formulario:

>

Citar

 <div id="formulario" style=" margin-left: 230px; padding:5px; color:blue;  width: 480px; border-width: 1px; border-style: solid">

 <form id="form1"  onsubmit="return processa();">

 <select name="produtos" id="produtos">

  <option>um</option>

  <option>dois</option>

  <option>tres</option>

 </select>

 <input   id="consulta" value="Consultar" type="submit">

 </form>

 </div>

	 

	 

	funcao ajax:

	Esta funcao já testei tudo, tá tudo ok, é somente na linha em vermelho que está dando o erro.

	fiz um alert(req.responseText), e está ok, a mensagem está correta. Somente não aparece na div.

	 

	 

	funcao ajax que faz a requisicao:

>

Citar

 var request = null;

    function CriaRequest() {

      try {

        request = new XMLHttpRequest();

      } catch (trymicrosoft) {

        try {

          request = new ActiveXObject("Msxml2.XMLHTTP");

        } catch (othermicrosoft) {

          try {

            request = new ActiveXObject("Microsoft.XMLHTTP");

          } catch (failed) {

            request = null;

          }

        }

      }

      if (request == null)

        alert("Error creating request object!");

 return request;

    }

>

Citar

 function processa(){

 var produto = document.getElementById("produtos").value;    

 alert(produto);

 // Iniciar uma requisição

 var req = CriaRequest();

  

      

      // Atribui uma função para ser executada sempre que houver uma mudança de ado

      req.onreadystatechange = function(){

          // Verifica se foi concluído com sucesso e a conexão fechada (readyState=4)

          if (req.readyState == 4) {

              

              // Verifica se o arquivo foi encontrado com sucesso

              if (req.status == 200) {

                                   

 //aqui especificamos o nome da div (resposta) onde iremos exibir o resultado da consulta.

 alert(req.responseText);

 **document.getElementById("resposta").innerHTML = req.responseText;**

  

              }else{

                  resposta.innerHTML = "Erro: " + req.statusText;

              }

          }

      }

  

   // executa o arquivo busca.php para localizar o produto. 

   // note que estamos passando atraves da variável "prod" o  produto a ser pesquisado que está dentro da variável produto.

   

   req.open("GET", "busca.php?prod="+produto,true);

   

   req.setRequestHeader("Content-Type", "text/html");

   

   req.send();

 }

	 

	o arquivo busca.php apenas para teste por enquanto:

>

Citar

 <?php

  

    echo "teste";

 ?>