Ola eu estou tentando atualizar um div com um combobox, para isso estou utilizando a seguinte função:
function cidades(){
new Ajax.Updater("divCidade", "cidades.jsp", {parameters: Form.serialize(document.form)});
}
no seguinte form
[code]<html:form styleId="form" action="metadados" method="post" focus="meta.codigo">
<html:hidden property="id" value="cadastrarMetadados"/>
Estados:
<select id="teste" name="estado" onchange="cidades()">
<option value="PR">Parana</option>
<option value="SP">São Paulo</option>
</select>
Cidades: <span id="divCidade"></span>
<table height="450" width="350" border=0">
<div id="meta"></div>
<tr>
<td><input type="submit" value="enviar"></td>
</tr>
</table>
</html:form>[/code]
a página que o ajax acessa é a seguinte:
[code]<html>
<%
String estado = request.getParameter("estado");
%>
<% if(estado.equals("PR")){ %>
<select name="cidade">
<option value="CTB">Curitiba</option>
<option value="PG">Ponta Grossa</option>
</select>
<% }else if(estado.equals("SP")){ %>
<select name="cidade">
<option value="SP">São Paulo</option>
<option value="SA">Santo Andre</option>
</select>
<% } %>
</html>[/code]
So que não retorna nada nem erro, antes disso eu estava usando apenas <form> ao invés de <html:form> e estava funcionando.
Sera que alguém sabe o por que disto??
Ah outra coisa quanto ao parameters do ajax.updater, tem como passar apneas um componente da minha página, por exemplo, o valor de um select?
valeu!!!