Ao selecionar estado preencher cidade

micox · Janeiro 17, 2012

Sim, o código fonte serve.

NetBoy16 · Janeiro 17, 2012

<html>



<head>



<script type="text/javascript" src="http://cidades-estados-js.googlecode.com/files/cidades-estados-v0.2.js"></script>

<script type="text/javascript" src="tinymce_pt/jscripts/tiny_mce/tiny_mce.js"></script>

<script type="text/javascript" src="tinymce_pt/jscripts/tiny_mce/plugins/tinybrowser/tb_tinymce.js.php"></script>

<script type="text/javascript">

tinyMCE.init({

	// General options

   language : "pt",

	mode : "textareas",

	theme : "advanced",

	plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",



	// Theme options

theme_advanced_buttons1:

"code,bold,italic,underline,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,cleanup,link,unlink,image,table,formatselect,fontselect,fontsizeselect,forecolor,backcolor,fullscreen",



	// Theme options

 // Theme options

       theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",

       theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor,tinybrowser",

       theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",

       theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",





	theme_advanced_toolbar_location : "top",

	theme_advanced_toolbar_align : "left",

	theme_advanced_statusbar_location : "bottom",

	theme_advanced_resizing : true,



	// Example content CSS (should be your site CSS)

 content_css : "css/content.css",



	// Drop lists for link/image/media/template dialogs

	template_external_list_url : "lists/template_list.js",

	external_link_list_url : "lists/link_list.js",

	external_image_list_url : "lists/image_list.js",

	media_external_list_url : "lists/media_list.js",

   file_browser_callback : "tinyBrowser",

	// Replace values for the template plugin

	template_replace_values : {

		username : "Some User",

		staffid : "991234"

	}

});

</script>

<link href="links.css" rel="stylesheet" type="text/css">



<link href="texto.css" rel="stylesheet" type="text/css">



<style type="text/css">



<!--







.efeito {



font-family: Arial, Helvetica, sans-serif;



font-size: x-small;



color: #cccccc;



}



.texto {



font-family: Arial, Helvetica, sans-serif;



font-size: x-small;



color: #000000;



}



.titulo {



font-family: Arial, Helvetica, sans-serif;



font-size: x-small;



font-weight : bold;



color: #000000;



}



.aviso {



font-family: Arial, Helvetica, sans-serif;



font-size: x-small;



color: #e80000;







}



.pequeno {



font-family: Arial, Helvetica, sans-serif;



font-size: xx-small;



color: #999999;







}



-->



</style>



<title>Admin - Agência Zoom</title>



<script type="text/javascript" src="../js/jquery-1.6.2.js"></script>

<script type="text/javascript" src="../js/jquery.validate.js"></script>

<script type="text/javascript" src="../js/jquery.maskedinput-1.3.js"></script>

       <script language="javascript" type="text/javascript">

           $(document).ready(function(){

                   $("#datacadastro").mask("99/99/9999");

                   $("#fone_res").mask("(99)9999-9999");

                   $("#fone_com").mask("(99)9999-9999");

                   $("#fone_rec").mask("(99)9999-9999");

                   $("#celular").mask("(99)9999-9999");

                   $("#cep").mask("99999-999");

                   $("#data_nasc").mask("99/99/9999");

                   $("#cpf").mask("999.999.999-99");

                   $("#respcpf").mask("999.999.999-99");        

           });



           $.validator.addMethod("valueNotEquals", function(value, element, arg){

               return arg != value;

           }, "Value must not equal arg.");



           $(function() {

               // valida o formulrio

               $('#form1').validate({

                   // define regras para os campos

                   rules: {

                       datacadastro: {

                           required: true

                       },

                       nome: {

                           required: true,

                           minlength: 5

                       },

                       categoria: { 

                           valueNotEquals: "0" 

                       },

                       email: {

                           email: true

                       }

                   },

                   // define messages para cada campo

                   messages: {

                       datacadastro: {

                           required: "A data de cadastro é obrigatória"

                       },

                       nome: {

                           required: "O nome é obrigatório",

                           minlength: "O nome deve conter pelo menos 5 letras"

                       },

                       categoria: {

                           valueNotEquals: "Por favor, selecione uma categoria"

                       },

                       email: {

                           email: "Email inválido"

                       }

                   }

               });

           });

</script>

</head>







<body bgcolor="#FFFFFF" text="#000000">



<table width="779" border="0" cellspacing="0" cellpadding="7">



 <tr> 



   <td width="150" valign="top"><div align="center">



  <table width="100%" border="0" cellspacing="0" cellpadding="2">

 <tr> 

     <td><p><a href="index.php"><img src="../imagens/logopequena2.png" alt="logo" /></a></p></td>

 </tr>

 <tr> 

   <td> </td>

 </tr>

 <tr> 

   <td bgcolor="#EAEAEA"><font><strong>CONFIGURAÇAO SITE</strong></font></td>

 </tr>

 <tr> 

   <td><font><a href="links_edit.php?id_texto=1" class="links">Título</a></font></td>

 </tr>

 <tr> 

   <td><font><a href="links_edit.php?id_texto=2" class="links">Descrição</a></font></td>

 </tr>

 <tr> 

   <td><font><a href="links_edit.php?id_texto=3" class="links">Palavras Chave</a></font></td>

 </tr>

 <tr> 

   <td><a href="links_edit.php?id_texto=4" class="links">Facebook</a></td>

 </tr>

 <tr> 

   <td><a href="links_edit.php?id_texto=6" class="links">Twitter</a></td>

 </tr>

 <td bgcolor="#EAEAEA"><font><strong>GERENCIAMENTO DE FOTOS</strong></font></td>

 </tr>

 <tr> 

   <td><font><a href="categorias.php" class="links">Categorias</a></font></td>

 </tr>

 <tr> 

   <td><font><a href="fotos_mostra.php" class="links">Fotos</a></font></td>

   <tr> 

   <td bgcolor="#EAEAEA"><font><strong>Modelos</strong></font></td>

 </tr>

 <tr> 

   <td><font><a href="novo_modelo.php" class="links">Cadastrar</a></font></td>

 </tr>

 <tr> 

   <td><p><font><a href="admmodelos.php?action=edit" class="links">Listar</a></font></p> 

 <tr> 

   <td bgcolor="#EAEAEA"><font><strong>Notícias</strong></font></td>

 </tr>

 <tr> 

   <td><font><a href="admeventos.php?action=new" class="links">Cadastrar</a></font></td>

 </tr>

 <tr> 

   <td><p><font><a href="agenda.php" class="links">Listar</a></font></p> 

 <tr> 

   <td bgcolor="#EAEAEA"><font><strong>Textos</strong></font></td>

 </tr>

 <td><a href="admtextos.php?action=edit" class="links">Editar</a></td>

 </tr>

 <tr> 

   <td bgcolor="#EAEAEA"><font><strong>Acesso</strong></font></td>

 </tr>

 <tr> 

   <td><font><a href="admsenha.php" class="links">Alterar Senha</a></font></td>

 </tr>

 <tr> 

   <td><font><a href="index.php?logoff=1" class="links">Efetuar LogOff</a></font></td>

 </tr>

</table>

</div>

   </td>



<td valign="top" align="center">











<table width="95%" border="0" cellspacing="0" cellpadding="5">



<tr><td align="right"><div align="right"><font class=efeito><BR>

Administração 



      <font><b>Agência Zoom</b></font></font></div></td></tr>



	 <tr>



         <td class=texto> 

   <script>

window.onload = function() {

	new dgCidadesEstados(document.getElementById('estado'), document.getElementById('cidade'), true);



/*		new dgCidadesEstados({

	  cidade: document.getElementById('cidade'),

	  estado: document.getElementById('estado')

	});

*/	}

   </script>





 <form method="post" id="form1" name=frm action="edit_modelos.php" enctype="multipart/form-data">

 <input type=hidden name=action value=form>

  <input type=hidden name=id_modelo value="31">

  <input type=hidden name=id_evento value="">

   <input type=hidden name=imagem value="4658.jpg">

 <input type=hidden name=imagem2 value="0">

  <input type=hidden name=imagem3 value="0">

   <input type=hidden name=imagem4 value="0">

    <input type=hidden name=imagem5 value="0">

           <input type=hidden name=imagem6 value="0">



               <table width="90%" border="0" align="center" cellpadding="3" cellspacing="0">

                 <tr align="center"> 

                   <td colspan="2" class=titulo>EDITAR MODELO SELECIONADO</td>

                 </tr>

                 <tr> 

                   <td > </td>

                   <td> </td>

                 </tr>	

	  <tr>

                   <td class=texto>Data do Cadastro: <input name="datacadastro" id="datacadastro" type="text" size="10" maxlength=10 value="99/99/9999"><br/></td>

                 </tr>

                 <tr>

                     <td>

                       <fieldset style="width: 800px;">

                           <legend>Dados Pessoais</legend><br/>

                           Nome: <input name="nome" id="nome" type="text" size="50" maxlength=250 value="modelo teste"> 

                           Idade: <input name="idade" id="idade" type="text" size="5" maxlength=3 value="20">

                           Categoria: <select size="1" name="categoria" id="categoria">

                           <option value="1">Feminino</option>

                           			  <option selected value="2">Masculino</option>

                           			  <option value="3">Infantil</option>

                          				  <option value="4">Idoso</option>                             </select><br/><br/>

                           Fone Residencial: <input name="fone_res" id="fone_res" type="text" size="15" maxlength=13 value=""> 

                           Fone Comercial: <input name="fone_com" id="fone_com" type="text" size="15" maxlength=13 value=""> 

                           Celular: <input name="celular" id="celular" type="text" size="15" maxlength=13 value=""><br/><br/>

                           Fone Recado: <input name="fone_rec" id="fone_rec" type="text" size="15" maxlength=13 value=""><br/><br/>

                           Endereço: <input name="endereco" id="endereco" type="text" size="50" maxlength=250 value=""> 

                           Número: <input name="numero" id="numero" type="text" size="5" maxlength=10 value=""><br/><br/>

                           Bairro: <input name="bairro" id="bairro" type="text" size="30" maxlength=100 value=""> 

                           CEP: <input name="cep" id="cep" type="text" size="15" maxlength=9 value=""><br/><br/>

                           Estado: <select style="width:150px;" name="estado" id="estado" value=""></select>

                           Cidade: <select style="width:150px;" name="cidade" id="cidade" value=""></select><br/><br/>

                           Data de Nascimento: <input name="data_nasc" id="data_nasc" type="text" size="10" maxlength=10 value=""> 

                           Naturalidade: <input name="naturalidade" id="naturalidade" type="text" size="50" maxlength=100 value=""><br/><br/>

                           N Passaporte: <input name="passaporte" id="passaporte" type="text" size="30" maxlength=30 value=""><br/><br/>

                           RG: <input name="rg" id="rg" type="text" size="10" maxlength=10 value=""> 

                           UF: <input name="uf" id="uf" type="text" size="2" maxlength=2 value=""> 

                           CPF: <input name="cpf" id="cpf" type="text" size="15" maxlength=14 value=""><br/><br/>

                           Nome do Responsável: <input name="nome_resp" id="respnome" type="text" size="50" maxlength=250 value=""><br/><br/>

                           RG do Responsável: <input name="rg_resp" id="resprg" type="text" size="10" maxlength=10 value=""> 

                           UF do Responsável: <input name="uf_resp" id="respuf" type="text" size="2" maxlength=2 value=""> 

                           CPF do Responsável: <input name="cpf_resp" id="respcpf" type="text" size="15" maxlength=14 value=""><br/><br/>

                           Indicacao: <input name="indicacao" id="indicacao" type="text" size="50" maxlength=100 value=""> <br /><br />

                           Email: <input name="email" id="email" type="text" size="50" maxlength=250 value=""><br/><br/>

                       </fieldset>

                         <br/>

                     </td>

                 </tr>

                 <tr>

                     <td>

                         <fieldset>

                             <legend>Medidas e outros</legend><br/>

                             Peso: <input name="peso" id="peso" type="text" size="15" maxlength=15 value=""> 

                             Altura: <input name="altura" id="altura" type="text" size="15" maxlength=15 value=""> 

                             Torax: <input name="torax" id="torax" type="text" size="15" maxlength=15 value=""> 

                             Cintura: <input name="cintura" id="cintura" type="text" size="15" maxlength=15 value=""><br/><br/>              

                             Quadril: <input name="quadril" id="quadril" type="text" size="15" maxlength=15 value=""> 

                             Coxa: <input name="coxa" id="coxa" type="text" size="15" maxlength=15 value=""> 

                             Olhos: <input name="medidas_olhos" id="medidas_olhos" type="text" size="15" maxlength=15 value=""> 

                             Manequim: <input name="manequim" id="manequim" type="text" size="15" maxlength=15 value=""><br/><br/>

                             Sapato: <input name="sapato" id="sapato" type="text" size="15" maxlength=15 value=""> 

                             Cabelos: <input name="medidas_cabelos" id="medidas_cabelos" type="text" size="15" maxlength=15 value=""> 

                             Outros: <input name="outros1" id="outros1" type="text" size="15" maxlength=15 value=""> 

                             Outros: <input name="outros2" id="outros2" type="text" size="15" maxlength=15 value=""><br/><br/>                  

                         </fieldset>

                         <br/>

                     </td>

                 </tr>

                 <tr>

                     <td>

                         <fieldset>

                             <legend>Características</legend><br/>

                             Olhos: <input name="olhos" id="olhos" type="text" size="15" maxlength=15 value="">             

                             Cabelos: <input name="cabelos" id="cabelos" type="text" size="15" maxlength=15 value="">                  

                             Pele: <input name="pele" id="pele" type="text" size="15" maxlength=15 value="">                   

                             Sorriso: <input name="sorriso" id="sorriso" type="text" size="15" maxlength=15 value=""><br/><br/>              

                             Mãos: <input name="maos" id="maos" type="text" size="15" maxlength=15 value="">                 

                             Pés: <input name="pes" id="pes" type="text" size="15" maxlength=15 value="">                  

                             Marcas no corpo: <input name="marcas_corpo" id="marcas_corpo" type="text" size="15" maxlength=15 value=""><br/><br/>              

                             Pernas Longas: <input name="pernas_longas" id="pernas_longas" type="text" size="15" maxlength=15 value="">                  

                             Maio: <input name="maio" id="maio" type="text" size="15" maxlength=15 value="">              

                             Lingerie: <input name="lingerie" id="lingerie" type="text" size="15" maxlength=15 value=""><br /><br />                

                             Beijo: <input name="beijo" id="beijo" type="text" size="15" maxlength=15 value=""> 

                             O. Furada: <input name="ofurada" id="ofurada" type="text" size="15" maxlength=15 value=""><br/><br/>

                         </fieldset>

                         <br/>

                     </td>

                 </tr>

                 <tr>

                     <td>



                         <fieldset>

                             <legend>Esporte e Etc</legend><br/>

                             <input name="natacao" id="natacao" type="checkbox"> <label>Natação</label>                   

                             <input name="ciclismo" id="ciclismo" type="checkbox"> <label>Ciclismo</label>                

                             <input name="equitacao" id="equitacao" type="checkbox"> <label>Equitação</label>                  

                             <input name="patinacao" id="patinacao" type="checkbox"> <label>Patinação</label>                   

                             <input name="dancas" id="dancas" type="checkbox"> <label>Danças</label>                 

                             <input name="lutas" id="lutas" type="checkbox"> <label>Lutas</label> 

                             <input name="tenis" id="tenis" type="checkbox"> <label>Tênis</label><br/><br/>                  

                             <input name="mergulho" id="mergulho" type="checkbox"> <label>Mergulho</label>                   

                             <input name="teatro" id="teatro" type="checkbox"> <label>Teatro</label>                  

                             <input name="moto" id="moto" type="checkbox"> <label>Moto</label>                  

                             <input name="carro" id="carro" type="checkbox"> <label>Carro</label>                   

                             <input name="lingua" id="lingua" type="checkbox"> <label>Língua</label>                  

                             Outros: <input name="outros3" id="outros3" type="text" size="15" maxlength=15 value="">                 

                             Outros: <input name="outros4" id="outros4" type="text" size="15" maxlength=15 value=""><br/><br/>

                         </fieldset>

                         <br/>

                     </td>

                 </tr>    

                 <tr>

                     <td>

                         <fieldset>

                             <legend>Outras Informações</legend><br/>

                             Observações <textarea name="observacoes" id="observacoes" rows="25" cols="60"></textarea><br/><br/>

                             Material Fotográfico: <input name="material_fotografico" id="material_fotografico" type="text" size="50" maxlength=100 value=""><br/><br/>                

                             Fotógrafo: <input name="fotografo" id="fotografo" type="text" size="50" maxlength=250 value=""> 

                             Quant: <input name="quant" id="quant" type="text" size="10" maxlength=10 value=""><br/><br/>        

                             Curso/Escola: <input name="curso" id="curso" type="text" size="50" maxlength=100 value=""><br/><br/>               

                             Turma: <input name="turma" id="turma" type="text" size="50" maxlength=100 value="">                   

                             Ano: <input name="ano" id="ano" type="text" size="4" maxlength=4 value=""><br/><br/>                  

                             Matricula: <input name="matricula" id="matricula" type="text" size="50" maxlength=100 value=""><br/><br/>                  

                             Nota Branca: <input name="nota_branca" id="nota_branca" type="text" size="50" maxlength=100 value="">                   

                             Destaque: <input name="modelos_destaque" id="modelos_destaque" type="text" size="20" maxlength=20 value=""><br/><br/>                  

                             Regime: <input name="regime" id="regime" type="text" size="50" maxlength=100 value=""><br/><br/>                 

                             Academia: <input name="academia" id="academia" type="text" size="50" maxlength=100 value=""><br/><br/>                  

                             Site: <input name="site" id="site" type="text" size="50" maxlength=100 value=""> <br /><br />                 

                             Atendente: <input name="atendente" id="atendente" type="text" size="50" maxlength=100 value=""><br/><br/>                  

                             Banco: <input name="banco1" id="banco1" type="text" size="50" maxlength=100 value="">                  

                             Agência: <input name="agencia1" id="agencia1" type="text" size="20" maxlength=50 value=""><br/><br/>                

                             Conta: <input name="conta1" id="conta1" type="text" size="20" maxlength=50 value=""><br/><br/>                  

                             Banco: <input name="banco2" id="banco2" type="text" size="50" maxlength=100 value="">                  

                             Agência: <input name="agencia2" id="agencia2" type="text" size="20" maxlength=50 value=""><br/><br/>            

                             Conta: <input name="conta2" id="conta2" type="text" size="20" maxlength=50 value=""><br/><br/>                  

                             Visto: <input name="visto" id="visto" type="text" size="50" maxlength=100 value=""> 

                             N. Recibo: <input name="nrecebido" id="nrecebido" type="text" size="20" maxlength=50 value=""><br/><br/>

                         </fieldset>

                         <br/>

                     </td>

                 </tr>

                 <tr>

                     <td>

                       <fieldset>

                           <legend>Fotos</legend><br/>

                           Foto Principal:<br/><br/>

                           <img src="../fotos/4658.jpg" height="150" width="150" />                            <input name="foto" id="foto" type="file"><p style="font-size: 10px;">Geralmente utilizada a foto do rosto da modelo.</p>

                           Foto 2:<br/><br/>

                           <p>Sem Foto</p>                            <input name="foto2" id="foto2" type="file"><br/><br/>

                           Foto 3:<br/><br/>

                           <p>Sem Foto</p>                            <input name="foto3" id="foto3" type="file"><br/><br/>                 

                           Foto 4:<br/><br/>

                           <p>Sem Foto</p>                            <input name="foto4" id="foto4" type="file"><br/><br/> 

                           Foto 5:<br/><br/>

                           <p>Sem Foto</p>                            <input name="foto5" id="foto5" type="file"><br/><br/>

                           Foto 6:<br/><br/>

                           <p>Sem Foto</p>                            <input name="foto6" id="foto6" type="file"><br/><br/>

                       </fieldset>

                         <br/>

                     </td>

                 </tr>

                 <tr>

                     <td>

                         <fieldset>

                             <legend>Relatório</legend><br/>

                             <textarea name="relatorio" id="relatorio" rows="25" cols="60"></textarea><br/>

                         </fieldset>

                         <br/>

                     </td>

                 </tr>

                 <tr align="center"> 



                   <td colspan="2"> 



                     <input type="submit" value="Editar">



                   </td>



                 </tr>

               </table>

             </form>









</td></tr>

  </table></td>

 </tr>

</table>

</body>

</html>

micox · Janeiro 17, 2012

Veja como foi gerado o HTML do seu select de estado e cidade:

Estado: <select style="width:150px;" name="estado" id="estado" value=""></select>
Cidade: <select style="width:150px;" name="cidade" id="cidade" value=""></select>

Veja que, em nenhum dos dois o VALUE foi preenchido. Portanto este seu código PHP não tá funcionando como deveria.

Provavelmente suas variáveis $estado e $cidade estão vazias:

                            Estado: <select style="width:150px;" name="estado" id="estado" value="<?=$estado?>"></select>
                           Cidade: <select style="width:150px;" name="cidade" id="cidade" value="<?=$cidade?>"></select><br/><br/>

NetBoy16 · Janeiro 17, 2012

hmmm, beleza, depois eu pego devolta essa pagina e arrumo, será uqe você pdoeria me dar mais uma maozinha ?

nesse site

nao ta pegando o esqueminha de estado/cidade, no console de erro n aparece nenhum erro, oque pode ser ?

micox · Janeiro 17, 2012

Os id dos campos estão certos????

window.onload = function() {

new dgCidadesEstados(document.getElementById('estado'), document.getElementById('cidade'), true);

}

Vi que não estão não.

NetBoy16 · Janeiro 17, 2012

<tr>

</select></p>

</td>

</tr>

<tr>

<td>

</tr>

Tá sim.

micox · Janeiro 17, 2012

A cidade não está funcionando pq você tem dois selects com id="cidade".

:no:

NetBoy16 · Janeiro 18, 2012

nossa, serio, nem tinha reparado, vo uconsertar isso, vlw por enquanto ^^

Arquivado

Ao selecionar estado preencher cidade

Recommended Posts

micox 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

micox 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

micox 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

micox 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

Consulta SQL dentro de outra consulta

problema em usar json para realizar engenharia de dados

Soma dos dias utilizados

Fóruns

Tempo Real

Informação importante