Amigos estou com esse probleminha a pagina lista os estados mas quando é pra carregar as cidades não rola. Alguem pode me ajuda?
Create table “tb_estados”
(
“id” Serial NOT NULL,
“uf” Varchar,
“nome” Varchar,
primary key (“id”)
);
Create table “tb_cidades”
(
“id” Serial NOT NULL,
“estado” Integer NOT NULL,
“uf” Varchar,
“nome” Varchar,
primary key (“id”,“estado”)
);
----------------> index.jsp
Será que consigo$(document).ready(function(){
$("select[name=estado]").change(function(){
$("select[name=cidade]").html('<option value="0">Carregando...</option>');
$.post("cidades.jsp",
{estado:$("select[name=estado]").val()},
function(valor){
$("select[name=cidade]").html(valor);
}
)
})
})
</script>
<%@ include file="menu.jsp" %>
<%@ page import="bd.ConexaoPostgres" %>
<%@ page import="java.sql.*"%>
<%
// abre a conexão
Connection con = ConexaoPostgres.abrirConexao();
// comando SQL de remoção de dados
String sql = "select * from tb_estados";
// prepara o banco a receber um comando SQL
Statement sta = con.createStatement();
// executa o comando SQL
ResultSet resultado = sta.executeQuery(sql);
%>
Escolha um Estado <% while (resultado.next()) { out.println("<option value='"+resultado.getInt("id")+"'>" + resultado.getString("nome") + "</option>");
}
%>
<option value="0" disabled="disabled">Escolha um estado</option>
-----------------> cidades.jsp
<%@ include file=“menu.jsp” %>
<%@ page import=“bd.ConexaoPostgres” %>
<%@ page import=“java.sql.*”%>
<%
// abre a conexão
Connection con = ConexaoPostgres.abrirConexao();
// as duas linhas a seguir pega os valores que vieram do formulário
String estado= request.getParameter("estado");
// comando SQL de remoção de dados
String sql = "SELECT * FROM tb_cidades WHERE estado= " + estado;
// prepara o banco a receber um comando SQL
Statement sta = con.createStatement();
// executa o comando SQL
ResultSet resultado = sta.executeQuery(sql);
String nome = "";
if (resultado.next()){
nome = resultado.getString("nome");
}
%>
<%
while (resultado.next()) {
out.println("<option value='"+resultado.getInt("id")+"'>" + resultado.getString("id") + "</option>");
}
%>