Resolvido: ajax

Front-end
#1

Galera estou com um probleminha que vcs tiram de letra, hehehe

Fiz dois combos ao selecionar o primeiro o segundo exibe a lista, porém ao selecionar outro item no combo1 o segundo não zera o combo e soma as duas consultas e assim sucessivamente, meu codigo esta assim:

function ajaxRequest() {

	var url = 'funcoesForm.selectProcedure.ajax.logic';	

	// create the ajax request
	var myAjax = new Ajax.Request(url, {
		method :'GET',
		parameters :{owner: $F('owner')},
		onComplete :showResponse
	});

}

// ajax callback method
function showResponse(data) {

	var jsonObject = eval('(' + data.responseText + ')');

	var lista = jsonObject.listaProcedure;
	
	var select  = document.getElementById("procedure");		
	
	for (i = 0; i < lista.length; i++) {
		var resultado = lista[i].nmProcedure;		
		
		var nomes = document.createTextNode(resultado);
		
		var options = document.createElement("option");	
		options.appendChild(nomes);
		select.appendChild(options);
		
	}
	
}

O que devo fazer, para resolver esse problema?

#2

Consegui:

function ajaxRequest() {

	var url = 'funcoesForm.selectProcedure.ajax.logic';	

	// create the ajax request
	var myAjax = new Ajax.Request(url, {
		method :'GET',
		parameters :{owner: $F('owner')},
		onComplete :showResponse
	});

}

// ajax callback method
function showResponse(data) {

	var jsonObject = eval('(' + data.responseText + ')');

	var lista = jsonObject.listaProcedure;
	
	var select  = document.getElementById("procedure");
	
	for (var i = select.options.length - 1; i >= 0; i--){
		   select.options[i] = null;
		 }
		 select.selectedIndex = -1;

		 
	for (i = 0; i < lista.length; i++) {
		var resultado = lista[i].nmProcedure;		
		
		var nomes = document.createTextNode(resultado);
		
		var options = document.createElement("option");	
		options.appendChild(nomes);
		select.appendChild(options);
		
	}
	
}
#3