Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Hugo!

Combo dinamico com PHP e jQuery

Recommended Posts

Encontrei um código muito bom de um combo dinâmico, onde você seleciona o tipo de automovel, com isso ele te da as marcas e dependendo da marca te da os modelos, porém como posso utilizar isso para pesquisa? Adicionar um submit , entendo pouco de php e não sei como colocar...

 

Segue o código:

 

index.php

<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
 
<script type="text/javascript">
   
      $(document).ready(function(){
        // Evento change no campo tipo  
         $("select[name=tipo]").change(function(){
            // Exibimos no campo marca antes de concluirmos
$("select[name=marca]").html('<option value="">Carregando...</option>');
            // Exibimos no campo marca antes de selecionamos a marca, serve tamb�m em caso
// do usuario ja ter selecionado o tipo e resolveu trocar, com isso limpamos a
// sele��o antiga caso tenha feito.
$("select[name=modelo]").html('<option value="">Aguardando marca...</option>');
// Passando tipo por parametro para a pagina ajax-marca.php
            $.post("ajax-marca.php",
                  {tipo:$(this).val()},
                  // Carregamos o resultado acima para o campo marca
 function(valor){
                     $("select[name=marca]").html(valor);
                  }
                  )
         })
      // Evento change no campo marca 
$("select[name=marca]").change(function(){
            // Exibimos no campo modelo antes de concluirmos
$("select[name=modelo]").html('<option value="">Carregando...</option>');
            // Passando marca por parametro para a pagina ajax-modelo.php
            $.post("ajax-modelo.php",
                  {marca:$(this).val()},
                  // Carregamos o resultado acima para o campo modelo
 function(valor){
                     $("select[name=modelo]").html(valor);
                  }
                  )
            
         })
 
 })
      
</script>
 
...
 

<form action="" method="post" id="auto">
  <select name="tipo">
    <option value="0">Escolher tipo</option>
        <?php
         mysql_connect("host", "usuario", "senha");
         mysql_select_db("bd");
          
         $sql = "SELECT * FROM tbl_tipo ORDER BY tipo ASC";
         $qr = mysql_query($sql) or die(mysql_error());
         while($ln = mysql_fetch_assoc($qr)){
            echo '<option value="'.$ln['t'].'">'.$ln['tipo'].'</option>';
         }
      ?>
        
 
  </select>
 
   
  <select name="marca">
     <option value="0" selected="selected">Aguardando tipo...</option>
  </select>
     <select name="modelo">
       <option value="0" selected="selected">Aguardando marca...</option>
     </select>
</form>

 

ajax-marca.php

<?php
mysql_connect("host", "user", "senha");
mysql_select_db("bd");
 
$tipo = $_POST['tipo'];
 
$sql = "SELECT id, marca FROM tbl_marcas WHERE tipo = '$tipo' ORDER BY id ASC";
$qr = mysql_query($sql) or die(mysql_error());
 
if(mysql_num_rows($qr) == 0){
   echo  '<option value="0">'.htmlentities('Aguardando tipo...').'</option>';
    
}else{
      echo '<option value="">Selecione marca...</option>';
   while($ln = mysql_fetch_assoc($qr)){
      echo '<option value="'.$ln['id'].'">'.$ln['marca'].'</option>';
       
   }
}
?>

ajax-modelo.php

<?php
mysql_connect("host", "usuario", "senha");
mysql_select_db("bd");
 
$marca = $_POST['marca'];
 
$sql = "SELECT id, modelo FROM tbl_modelos WHERE marca = '$marca' ORDER BY modelo ASC";
$qr = mysql_query($sql) or die(mysql_error());
 
if(mysql_num_rows($qr) == 0){
   echo  '<option value="0">'.htmlentities('Aguardando marca...').'</option>';
    
}else{
      echo '<option value="0">Selecione modelo...</option>';
   while($ln = mysql_fetch_assoc($qr)){
      echo '<option value="'.$ln['id'].'">'.$ln['modelo'].'</option>';
       
   }
}
?>

O link de onde tirei o código é esse aqui: http://www.jquerymagazine.com.br/artigo.php?id=248

 

 

Já consegui fazer essa parte funcionar perfeitamente, a dúvida é apenas na parte disso funcionar para pesquisa, o que preciso adicionar e onde? Queria pesquisar a partir de um "submit",.. Como posso fazer?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.