Ir para conteúdo
Fórum CódigoFonte.net
  • Anúncios

    • codigofonte

      Novo Fórum

      Pessoal, Atualizamos nossa versão do fórum para a mais recente da Invision Power. Como tínhamos uma versão muito antiga, talvez algumas áreas possam funcionar de forma errada ou com problemas, gostaria de pedir-lhes a compreensão, pois iremos resolvendo aos poucos. Até mais!
greg_kaippert

Carregar dados dinamicamente ajax e php

Recommended Posts

Bom dia galera! Estou com um dúvida. Preciso fazer o carregamento dinâmico de dados vindo do DB. Eu consigo fazer com o campo select. Por exemplo, quando seleciono o primeiro select, abaixo ele lista o outro campo select, e assim sucessivamente, no total são 3 campos. Grupos, Clientes e Instalações. Mas eu não quero que abre com um campo select, eu quero que clique no grupo e apareça em baixo o cliente, e quando clicar em cliente aparecer instalações, com seus respectivos ID. Desde já agradeço aí quem puder ajudar.

 

Meu código em ajax: 

<script>
         $(document).ready(function(){
        // Evento change no campo tipo  
         $("select[name=nome_grupo]").change(function(){
            // Exibimos no campo marca antes de concluirmos
            $("select[id=clientes]").html('<option value="">Carregando...</option>');
            // Exibimos no campo marca antes de selecionamos a marca, serve também em caso
            // do usuario já ter selecionado o tipo e resolveu trocar, com isso limpamos a
            // seleção antiga caso tenha feito.
            $("select[id=instalacao]").html('<option value="">Escolha uma instalação...</option>');
            // Passando tipo por parametro para a pagina ajax-marca.php
            $.post("http://localhost/wordpress/wp-content/themes/onetone/accordion/dados.php",
                  {id:$(this).val()},
                  // Carregamos o resultado acima para o campo marca
                  function(valor){
                     $("select[id=clientes]").html(valor);
                  }
                  )
         })
         // Evento change no campo marca 
         $("select[id=clientes]").change(function(){
            // Exibimos no campo modelo antes de concluirmos
            $("select[id=instalacao]").html('<option value="">Carregando...</option>');
            // Passanddo marca por parametro para a pagina ajax-modelo.php
            $.post("http://localhost/wordpress/wp-content/themes/onetone/accordion/dados1.php",
                  {id:$(this).val()},
                  // Carregamos o resultado acima para o campo modelo
                  function(valor){
                     $("select[id=instalacao]").html(valor);
                  }
                  )
            
         })
     
      })        
</script>

 

Código em PHP:

<?php 
include("conexao.php");

try {
$id_dados = strip_tags(trim($_POST['id']));
$resu = $pdo->query("SELECT * FROM cad_clientes WHERE id_grupo = $id_dados ");
$resu->bindValue(1, $id_dados);
$resu->execute();

    }

catch(Exception $e)
{
print "ERRO!:". $e->getMessage() . "<br>";
die();
}

while($lista = $resu->fetch(PDO::FETCH_ASSOC)) { 

echo '<option value="'.$lista['id_cliente'].'">'.$lista['nome_cliente'].'</option>';

}

?>

 

Index:

<div class="alinhar">
<form name="listadados" id="listadados" action="">
Grupo: <select name="nome_grupo" id="grupo">
<option value="">Escolha o grupo</option>
<?php while($resut = $resu->fetch(PDO::FETCH_ASSOC)) { ?>
<option value="<?php echo $resut['id_grupo']; ?>"><?php echo $resut['nome_grupo']; ?></option>
<?php } ?>
</select>
<br><br>

Clientes: <select name="nome_cliente" id="clientes"></select>
<br><br>
Instalações: <select name="nome_instalacao" id="instalacao"></select>

</form>
</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

×