Galera, tenho q faze 3 listbox dinamicas, tipo, escolho o estado e ele preenche a listbox cidade, dai escolho um cidade e ele preenche a listbox bairro. Eu peguei um codigo na net e alterei ele pra faze isso, mas não ta funcionando quando eu vo nas cidades de santa catariana, ele não ta pegando os bairro.
Vai ai o codigo pra vocês verem o q pode ta errado:
<?php /*http://www.mxstudio.com.br/forum/index.php?showtopic=13087*/ ?>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form name="doublecombo">
<p><select name="estado" size="1" onChange="estados(this.options.selectedIndex)">
<option>Parana</option>
<option>Santa Catarina</option>
</select>
<select name="cidade" size="1" onChange="cidades(this.options.selectedIndex)">
<option value="1">Curitiba</option>
<option value="3">Foz do Iguaçu</option>
<option value="4">Guaira</option>
</select>
<select name="bairro" size="1">
<option value="1">Bairro Alto</option>
<option value="5">Jardim Social</option>
<option value="7">Batel</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
function estados(x){
//alert('oi');
var groups=document.doublecombo.estado.options.length;
var group=new Array(groups);
for (i=0; i<groups; i++){
group[i]=new Array();
}
//parana
group[0][0]=new Option("Curitiba","1");
group[0][1]=new Option("Foz do Iguaçu","3");
group[0][2]=new Option("Guaira","4");
//santa catanira
group[1][0]=new Option("Porto Uniao","12");
group[1][1]=new Option("Curitibanos","16");
var temp=document.doublecombo.cidade;
for (m=temp.options.length-1;m>0;m--){
temp.options[m]=null;
}
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value);
}
temp.options[0].selected=true;
}
</script>
<script>
function cidades(x){
//alert('oi');
var groups=document.doublecombo.cidade.options.length;
var group=new Array(groups);
for (i=0; i<groups; i++){
group[i]=new Array();
}
//curitiba
group[0][0]=new Option("Bairro Alto","1");
group[0][1]=new Option("Jardim Social","3");
group[0][2]=new Option("Batel","4");
//porto uniao
group[1][0]=new Option("Bairro 1","12");
group[1][1]=new Option("Bairro 2","16");
//guaira
group[2][0]=new Option("Bairro 4","20");
group[2][1]=new Option("Bairro 6","23");
var temp=document.doublecombo.bairro;
for (m=temp.options.length-1;m>0;m--){
temp.options[m]=null;
}
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value);
}
temp.options[0].selected=true;
}
function go(){
teste.location=temp.options[temp.selectedIndex].value;
}
</script>
</form>
</body>
</html>
Pergunta
chamuska
Galera, tenho q faze 3 listbox dinamicas, tipo, escolho o estado e ele preenche a listbox cidade, dai escolho um cidade e ele preenche a listbox bairro. Eu peguei um codigo na net e alterei ele pra faze isso, mas não ta funcionando quando eu vo nas cidades de santa catariana, ele não ta pegando os bairro.
Vai ai o codigo pra vocês verem o q pode ta errado:
<?php /*http://www.mxstudio.com.br/forum/index.php?showtopic=13087*/ ?> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <form name="doublecombo"> <p><select name="estado" size="1" onChange="estados(this.options.selectedIndex)"> <option>Parana</option> <option>Santa Catarina</option> </select> <select name="cidade" size="1" onChange="cidades(this.options.selectedIndex)"> <option value="1">Curitiba</option> <option value="3">Foz do Iguaçu</option> <option value="4">Guaira</option> </select> <select name="bairro" size="1"> <option value="1">Bairro Alto</option> <option value="5">Jardim Social</option> <option value="7">Batel</option> </select> <input type="button" name="test" value="Go!" onClick="go()"> </p> <script> function estados(x){ //alert('oi'); var groups=document.doublecombo.estado.options.length; var group=new Array(groups); for (i=0; i<groups; i++){ group[i]=new Array(); } //parana group[0][0]=new Option("Curitiba","1"); group[0][1]=new Option("Foz do Iguaçu","3"); group[0][2]=new Option("Guaira","4"); //santa catanira group[1][0]=new Option("Porto Uniao","12"); group[1][1]=new Option("Curitibanos","16"); var temp=document.doublecombo.cidade; for (m=temp.options.length-1;m>0;m--){ temp.options[m]=null; } for (i=0;i<group[x].length;i++){ temp.options[i]=new Option(group[x][i].text,group[x][i].value); } temp.options[0].selected=true; } </script> <script> function cidades(x){ //alert('oi'); var groups=document.doublecombo.cidade.options.length; var group=new Array(groups); for (i=0; i<groups; i++){ group[i]=new Array(); } //curitiba group[0][0]=new Option("Bairro Alto","1"); group[0][1]=new Option("Jardim Social","3"); group[0][2]=new Option("Batel","4"); //porto uniao group[1][0]=new Option("Bairro 1","12"); group[1][1]=new Option("Bairro 2","16"); //guaira group[2][0]=new Option("Bairro 4","20"); group[2][1]=new Option("Bairro 6","23"); var temp=document.doublecombo.bairro; for (m=temp.options.length-1;m>0;m--){ temp.options[m]=null; } for (i=0;i<group[x].length;i++){ temp.options[i]=new Option(group[x][i].text,group[x][i].value); } temp.options[0].selected=true; } function go(){ teste.location=temp.options[temp.selectedIndex].value; } </script> </form> </body> </html>Vlws galera!
Editado por chamuskaLink para o comentário
Compartilhar em outros sites
5 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.