[Resolvido] Como faço pra acionar um list/menu conforme o anterio

[Essinho 0]

iaew galerinha beleza!? http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

tava aki tentando fazer com sisteminha onde uma pessoa podesse escolher a cidade

conforme o estado selecionado...

:P

 

axo q deve ter alguns por ai...

mais eu gostaria de entender melhor como eh issu ai

 

ai criei um for form e umas consultas em php q ficaram mais ou menos assim

 

<?php
// conexão com MySQL
$local_serve = "localhost"; 	 // local do servidor
$usuario_serve = "root";		 // nome do usuario
$senha_serve = "";			 	 // senha
$banco_de_dados = "leiteenegocios"; 	 // nome do banco de dados

$conn = @mysql_connect($local_serve,$usuario_serve,$senha_serve) or die ("O servidor não responde!");

// conecta banco de dados
$db = @mysql_select_db($banco_de_dados,$conn) 
	or die ("Não foi possivel conectar-se ao banco de dados!");
?>

<form name="form">
 <select name="estado">
	<option> Lista de estados </option>

	<?php 
$sql = "SELECT * FROM opt_estado"; //conexao com a tabela estado
$resultado = mysql_query($sql);
while ($linha = mysql_fetch_array($resultado)){ //loop pra mostrar os estados
$uf = $linha["uf"];
$nomeEstado = $linha["nome"];
echo "<option value='$uf'>$nomeEstado</option>";
};
?>

  </select>


  <select name="cidade" id="cidade">
	<option> Selecione a cidade </option>
	
<?php
$ufEstado = $_GET['estado']; //recebe o valor selecionado no campo estado
$sql = "SELECT * FROM opt_cidades where uf = $ufEstado"; //seleciona o campo conforme o estado escolhido
$resultado = mysql_query($sql);
while ($linha = mysql_fetch_array($resultado)){
$uf = $linha["nome"];
$nomeEstado = $linha["nome"];
echo "<option value='$uf'>$nomeEstado</option>";
};
?>

  </select>

</form>

soh q quando seleciono um list/menu o outro nao eh atualizado automaticamente.

 

tem como fazer isso se dar um refresh na pagina?

qual eh a melor forma de fazer isso? http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

vlwW grato http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

[andreia_sp 1]

Voce pode usar Iframe ou o mais indicado, Ajax. Veja se na secao PHP ja nao tem exemplos disso.

[Essinho 0]

olah andreia..

 

tava vendo uns tuto de ajax

ai estou tentando fazer a conexao com php

ai ficou mais ou menos assim

 

cidadeEstado.php

CODE

<table>

<tr>

<td width="10%">Estado:</td>

<td width="30%">

<select name="estados" onchange="MandaID(this.value)">

 

<option value="">Selecione</option>

 

<?php

$sql = "SELECT * FROM opt_estado";

$resultado = mysql_query($sql);

while ($linha = mysql_fetch_array($resultado)){

$uf = $linha["uf"];

$nomeEstado = $linha["nome"];

echo "<option value='$uf'>$uf</option>";

};

?>

 

</select>

</td>

</tr>

<tr>

<td>Cidade:</td>

<td>

<div id="exibe_cidade"><select><option value="">Selecione um estado</option></select></div></td>

</tr>

</table>

 

seleciona_cidade.php

CODE

<?php

 

header("Content-Type: text/html; charset=ISO-8859-1",true) ;

$id_estado = $_GET['uf'];

 

<select name="cidades">

 

<?php if (id_estado == "") { ?>

 

<option value="">Selecione um estado</option>

 

<?php } else

$sql = "SELECT uf, nome FROM opt_cidades WHERE uf =".$id_estado;

$resultado = mysql_query($sql);

while ($linha = mysql_fetch_array($resultado)){

$uf = $linha["uf"];

$nomeEstado = $linha["nome"];

echo "<option value='$nome'>$nome</option>";

};

?>

 

</select>

 

 

seleciona_cidade.js

CODE

var xmlHttp

 

function MandaID(str)

{

xmlHttp=GetXmlHttpObject()

if (xmlHttp==null)

{

alert ("Este browser não suporta HTTP Request")

return

}

 

 

var url="seleciona_cidade.php"

url=url+"?id_estado="+str

url=url+"&sid="+Math.random()

xmlHttp.onreadystatechange=stateChanged

xmlHttp.open("GET",url,true)

xmlHttp.send(null)

}

 

function stateChanged()

{

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")

{

document.getElementById("exibe_cidade").innerHTML=xmlHttp.responseText

}

}

 

function GetXmlHttpObject()

{

var objXMLHttp=null

if (window.XMLHttpRequest)

{

objXMLHttp=new XMLHttpRequest()

}

else if (window.ActiveXObject)

{

objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")

}

return objXMLHttp

}

 

soh q agora tah dando o seguinte erro:

EasyPHP 2.0b1\www\testes\JS\seleciona_cidade.php on line 17

 

tem como informar se eh pq eu naum colokei a tag <form>?

pq quando vi em outru forum era usado asp no lugar de php e eles nao usavam a tag form

:mellow:

 

tem como alguem dah uma dica aew?

[Essinho 0]

aew galera acabei de resolver :P

 

pra quem estiver precisando o codigo em cima esta praticamente certo

 

soh q vai precisar trocar na pagina selecionacidade.php

 

$sql = "SELECT uf, nome FROM opt_cidades WHERE uf =".$id_estado;

por

$sql = "SELECT uf, nome FROM opt_cidades WHERE uf ='".$id_estado."'";

 

e no selecionacidade.js

url=url+"?id_estado="+str

por

url=url+"?uf="+str

http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

 

 

 

.:mais vai ai aogora o cod na integra

 

CODE

cidadeEstado.php

<head>

<script src="seleciona_cidade.js"></script>

</head>

<body>

<table border="1" width="40%" cellspacing="0" cellpadding="5" bgcolor="#EAEBEF" bordercolorlight="#FFFFFF" bordercolordark="#E3E5EA">

<tr>

<td width="10%">Estado:</td>

<td width="30%"><select name="estados" onchange="MandaID(this.value)">

<option value="">Selecione</option>

<?php

$sql = "SELECT uf, nome FROM opt_estado";

$resultado = mysql_query($sql);

while ($linha = mysql_fetch_array($resultado)){

$uf = $linha["uf"];

$nomeEstado = $linha["nome"];

echo "<option value='$uf'>$uf</option>";

};

?>

</select>

</td>

</tr>

<tr>

<td>Cidade:</td>

<td><div id="exibe_cidade"><select><option value="">Selecione um estado</option></select></div></td>

</tr>

</table>

</body>

 

 

 

.:seleciona_cidade.js

var xmlHttp

 

function MandaID(str)

{

xmlHttp=GetXmlHttpObject()

if (xmlHttp==null)

{

alert ("Este browser não suporta HTTP Request")

return

}

 

 

var url="seleciona_cidade.php"

url=url+"?uf="+str

url=url+"&sid="+Math.random()

xmlHttp.onreadystatechange=stateChanged

xmlHttp.open("GET",url,true)

xmlHttp.send(null)

}

 

function stateChanged()

{

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")

{

document.getElementById("exibe_cidade").innerHTML=xmlHttp.responseText

}

}

 

function GetXmlHttpObject()

{

var objXMLHttp=null

if (window.XMLHttpRequest)

{

objXMLHttp=new XMLHttpRequest()

}

else if (window.ActiveXObject)

{

objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")

}

return objXMLHttp

}

 

 

 

.:seleciona_cidade.php

<?php

header("Content-Type: text/html; charset=ISO-8859-1",true) ;

$id_estado = $_GET['uf'];

?>

 

<select name="cidades">

<?php if (id_estado == "") { ?>

<option value="">Selecione um estado</option>

<?php } else

 

$sql = "SELECT uf, nome FROM opt_cidades WHERE uf ='".$id_estado."'";

$resultado = mysql_query($sql);

while ($linha = mysql_fetch_array($resultado)){

$uf = $linha["uf"];

$nome = $linha["nome"];

echo "<option value='$nome'>$nome</option>";

};

?>

</select>

http://forum.imasters.com.br/public/style_emoticons/default/graduated.gif

 

no banco duas tabelas com os campos id,uf,nome

 

vlwWWWW agradeço a todos q ajudaram http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif