JQuery

[AlexSandroJAP]

Olá,

tenho uma pagina com um formulario de cadastro que os campos estado e cidade são preenchido dinamicamente. Estes campos não são validados, porem alguns outros são. Valido isso no arquivo php que recebe o form, e caso haja algum erro eu retorno a pagina.

O problema é que quando retorno a pagina o estado esta preenchido, mas a cidade não. E no combo de cidade tb não tem nada. então preciso escolher outro estado para assim ocorrer o evento change e voltar no estado correto para carregar a lista de cidades.

alguém saberia uma saida?

quanto a validação precisa realmente ser feita no arq q recebe o form.

alex sandro

[Romerito]

i aew AlexSandroJAP, quando você capturar o erro você pode utilizar a função trigger, que faz com que

uma evento seja executado, ficaria mais ou menos assim:

$( '#seu_select_com_evento_onchange' ).trigger( 'change' );

qualquer coisa olha na documentação do jquery abraço!

[AlexSandroJAP]

Olá, ainda não consegui resolver....

onde coloco isso? porque quando o programa da um voltar "echo '<script language="javascript">java script:history.go(-1);</script>';" ele não recarrega a pagina novamente... (pra não perder os dados digitados).

Tentei colocando assim na pagina que o form chama no submite:

echo '<script language="javascript">java script:history.go(-1);</script>';
echo '<script type="text/javascript">$("select[name=estado]").trigger("change");</script>';
exit;

mas não de.. o codigo no arq do form para carregar os combos estao assim:

<script type="text/javascript">
  $(document).ready(function(){
    $("select[name=estado]").change(function(){
      $("select[name=cidade]").html('<option value="0">Carregando...</option>');
        $.post("cidades.php",
          {estado:$(this).val()},
            function(valor){
              $("select[name=cidade]").html(valor);
            }
        )
    })
  })
</script>

já deve ter dado pra perceber que não manjo muito de jquery... se puder me ajudar agradeço muito.

abraço

[Romerito]

i aew carinha tenta tipo assim:

$(document).ready(function(){
    $("select[name=estado]").change(function(){
      $("select[name=cidade]").html('<option value="0">Carregando...</option>');
        $.post("cidades.php",
          {estado:$(this).val()},
            function(valor){
              $("select[name=cidade]").html(valor);
            }
        )
    }).trigger( 'change' );
  })

percebeu que só adicionamos o método trigger no objeto select estado, espero que que ajude abraço!

[AlexSandroJAP]

Show de bola amigo, deu certinho. Agora ele já esta trazendo a lista de cidades preenchidas, mas o campo em branco.

Porque ele perde a informação da cidade?

att

Alex Sandro

[Romerito]

Show de bola amigo, deu certinho. Agora ele já esta trazendo a lista de cidades preenchidas, mas o campo em branco.

Porque ele perde a informação da cidade?

att

Alex Sandro

não entende a pergunta, qual campo ele esta trazendo em branco?

[AlexSandroJAP]

Tem dois combos: Estado e Cidades. Eles são alimentados dinamicamente sem refresh. A validação do form é feita na pagina submetida do form (ou seja, em outra pagina). Quando há alguma coisa que não é validade e preciso retornar para correção eu utilizo um

echo '<script language="javascript">java script:history.go(-1);</script>'

para voltar. Só que nesse voltar o campo estado vem preenchido, mas o campo cidade não. O usuario precisa preencher novamente.

[Romerito]

entendeu, tenta criar um cookie ou uma sessao da cidade selecionada e depois preencher o combo!

[AlexSandroJAP]

beleza, até estou tentando algo assim, mas o que e não sei é justamente qual evento ocorre nesse "voltar" para dentro dele eu conseguir setar a cidade já selecionada anteriormente.

tem alguma indicação de material em portugues que eu possa me treinar nesse assunto?

Alex Sandro

[Romerito]

po carinha se você conseguir setar o cookie ou sessao é só fazer uma checagem dentro do retorno da funcao ajax, tipo assim:

$("select[name=estado]").change(function(){
      $("select[name=cidade]").html('<option value="0">Carregando...</option>');
        $.post("cidades.php",
          {estado:$(this).val()},
            function(valor){
              $("select[name=cidade]").html(valor);
              if ( cookie_cidade )
              {
                $("select[name=cidade] option" ).each( function(){
                    if ( cookie_cidade == $( this ).val() )
                    {
                        $( this ).attr( 'selected' , true );
                        return;
                    }
                } );
              }
            }
        )
    }).trigger( 'change' );

falow, abraço!

Editado Abril 5, 2010 por Romerito