Recarregar campo Select

[tganet 0]

Caros amigos tenho um arquivo chamado BibliotecaAjax, que faz o instanciamento do XMLHTTPRequest, até ai tudo bem, tenho um arquivo onde tenho um formulário, a tag no formulário esta assim:

<form action="javascript:void%200">, tenho um campo select que esta sendo abastecido via uma consulta no Mysql, este primeiro campo e o ano, eu preciso capturar o ano enviar para o php, para que o segundo campo seja atualizado automaticamente, sendo outro campo select, na verdade são 8 campos select, sendo que o usuário pode escolher um a qualquer momento, para que depois seja gerado um relatório.

Tenho outro arquivo em JavaScript que tem o seguinte código:

window.onload = function(){
	var ano = document.getElementById('ano');
	}
	
function mostraSecretaria(ano)
{
	if (ano == null) { return; }
	var escolhida = ano.options[ano.selectedIndex].value;
	var url="RapRecarga.php?ano="+encodeURIComponent(escolhida);
	requisicaoHTTP("GET",url,true);
}
function trataDados()
{
var info = ajax.responseText;		//obtém a resposta como string
var arrayOpcoes=eval(info);			//converte para um JSON
	if(info!=null)
	{
		var secretaria = document.getElementById("secretaria");		
		secretaria.innerHTML=info;
	}
}

Alguém pode me dar alguma ideia de como preencher os outros campos do select?

[William Bruno 1501]

é 'só' replicar essa rotina para os demais, não ?

 

exemplo com jQuery:

http://forum.imasters.com.br/index.php?/topic/365795-combos-dependentes-ajax-jquery/