Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera, aproveitando o laboratório então, estou passando um código de select dinâmico (sabe, aquele esquema de selecione o estado e através de uma busca no BD ele retorna automaticamente as cidades referente ao estaod selecionado), naquele estilo que sempre vemos e que ralamos muito pra consegui.
Este código era em PHP/Ajax, eu traduzi pra ASP/AJAX, por tanto verifiquem os códigos pra saber se tá tudo certo, eu testei e está 100%.
O legal deste código é que ele permite que você trabalhe com um VALUE no option, onde alguns códigos que eu tinha visto não permitiam, apenas adicionavam como VALUE o nome da cidade.
Segue o código e o link pra fazer o download dos JS:
Página Principal, exe: default.asp
<html>
<%
Dim Cn
Set Cn = Server.CreateObject("ADODB.Connection")
set Rs = server.createObject("ADODB.Recordset")
Cn.ConnectionString = ("DRIVER={MySQL ODBC 5.1 Driver};SERVER=xxxxx;PORT=3306;DATABASE=xxxxx;USER=xxxxx;PASSWORD=xxxxx;OPTION=3
;")
Cn.Open
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Selecione um estado primeiro</title>
<script type="text/javascript" src="js/scriptaculous/prototype.js"></script>
<script type="text/javascript"> onCreate:function()
{
$(div_destino).innerHTML = 'Carregando as cidades...';
}, // onCreate
onComplete : function(transport)
{
if(transport.status==200)
{
$(div_destino).innerHTML = transport.responseText;
} // transport.status
} // onComplete
}); // ajax Request</script>
</head>
<body>
<form>
<select id="estado" name="estado" onChange="CarregaCidades(this, 'lista_cidades')">
<option selected="selected" value="null">Selecione um estado...</option></select><br />
<div id="lista_cidades">Selecione um estado primeiro...</div>
</form>
</body><%
Dim Cn
Set Cn = Server.CreateObject("ADODB.Connection")
set Rs = server.createObject("ADODB.Recordset")
Cn.ConnectionString = ("DRIVER={MySQL ODBC 5.1 Driver};SERVER=xxxxx;PORT=3306;DATABASE=xxxxx;USER=xxxxx;PASSWORD=xxxxx;OPTION=3
;")
Cn.Open
%>
<select id="cidade" name="cidade">
<option selected="selected" value="null">Selecione uma cidade...</option><%
set Rs= Nothing
set Cn = Nothing
%>
</select>
As TABELAS do banco de dados foram feitas assim:
CIDADES
Id - AutoNumeração
cidade - texto (255 caracteres)
id_estado - texto (5 caracteres)
ESTADOS
Id - AutoNumeração
estado - texto (255 caracteres)
Link para download dos JS: AQUI
Link para teste: AQUI
Até mais galera, em breve estarei postando outros códigos.
Carregando comentários...