Carrega um combox em PHP com Ajax
Saudações galera do PHP!
Hoje vou explicar
como se carrega um combox em PHP com Ajax.
Bom primeiro vamos ter que criar um arquivo chamado “index. php”
.
Nele colocamos esse código:
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>teste
combox</title>
<script
type="text/javascript">
function
queryajax(str){
var page1 = "intcombox.php";
if
(str=="")
{
document.getElementById("Cidades").innerHTML="";
return;
}
if
(window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera,
Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new
ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 &&
xmlhttp.status==200)
{
document.getElementById("Cidades").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET",page1+"?q="+str,true);
xmlhttp.send(null);
}
</script>
</head>
<body>
<form
name="form1" method="post" action="">
<p>
<select name="UF"
id="UF" onchange="queryajax(this.value)">
<option
value="0">Selecione uma Cidade</option>
<option
value="AM">AM</option>
<option
value="SP">SP</option>
</select>
</p>
<p>
<select name="Cidades"
id="Cidades">
</select>
</p>
</form>
</body>
</html>
Podemos ver que o código Ajax esta para Firefox e IE7 mas
funciona em outros navegadores
A função “queryajax()” enviar através do método GET para o arquivo “intcombox.php” a sigla do estado e retorna o
print do arquivo montado o combox com os nome da cidade.
Agora vamos montar o arquivo "intcombox.php" que é o arquivo que retorna os dados da função:
<?php
header("Content-Type: text/html;
charset=ISO-8859-1",true);
$q=$_GET["q"];
switch($q){
case
"AM":
echo '<option
value="Manaus">Manaus</option>';
break;
case
"SP":
echo '<option
value="Manaus">São Paulo</option>';
break;
}
?>
Bom a isso ai duvidas postem um comentários.
Comentários
Postar um comentário