Combo aninhado

Front-end
#1

Pessoal
estou como uma duvida
e o seguinte to trazendo em dois combo
o estado e a cidade conforme o estado.
preencho na jsp assim

ESTADO 

<select id="uf" name="uf" onchange="localidade(this.value);">
     <%  
       String amazonas = daoEstado.consultardEstado();
     %>
 <option><%=amazonas%></option>                                                                                             
      <%List<Estado> estados = daoEstado.consultarTodosEstados();
      for (Estado estado: estados){                         			                      			                      		                                   
      %>
     <option><%=estado.getEstados()%></option>
   <%}%>      
</select>
CIDADE

<select name="cidade" >
 <option></option>
     <% 
     CidadeDAO dao =  new CidadeDAO();
     List<Cidades> cidades = dao.consultarTodasCidades(id);
     for (Cidades cidade: cidades){   
     %>
      <option><%=cidade.getCidades()%></option>
      <%}%>                   
 </select>

tem um javaScript

function localidade(estado){
	var est = form.uf.getElement(estado);	
	<%EstadoDAO daoEstado =  new EstadoDAO();	 
     int id = daoEstado.consultardIdEstado("Amazonas");%>
}

eu precisaria passar o valor da variavel est
para a consulta para poder usar la em cima no dao.consultarTodasCidades(id);
alguem tem ideia d como fazer isso ou tem outra ideai d como preencher o combo
conforme o estado selecionado.

#2