formulario html com filtragem

[wallacejonathan 0]

Galera, eu to tentando fazer um formulário com filtragem..

 

tipo desse site: http://www.fitasflax.com.br/faqs/

 

Obrgiado desde já

[YFilus 14]

Olá Wallace,

 

Estes links vão te ajudar:

 

http://stackoverflow.com/questions/13495603/jquery-filter-a-list-using-simple-select-box

http://stackoverflow.com/questions/12111239/jquery-filter-a-list-using-multiple-select-boxes

[wallacejonathan 0]

Obrigado amigo..

[Keven Jesus_164006 39]

Ola wallace ajax faz isso tranquilo

eu ajudei um tempo atraz um colega aqui e ifiz o exemplo online

 

http://keven.com.br/imasters/

 

segue o codigo

 

js

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script>
    $(function(){
           $("#cat_sel").change(function() { //inicia o ajax quando o formulario for selecionado
            $.ajax({
                url: "bebidas.php", // busca o arquivo para interagir
                type: "POST", // o tipo dele
                data: $(this).serialize(), //eleciona todos os campos
                success: function(data) { // retorna o resultado do php
                    $('#resposta').html(data); // exibi em alguma div
                }
            });
        })
    })
    </script>

 

 

html

 

 <div id="categorias">
            <label for="select-native-2">Categoria</label>
            <select name="select" id="cat_sel" data-mini="true">
                <option value="0">Selecione uma opção</option>
                <option value="1">PIZZAS DOCES</option>
                <option value="2">BEBIDAS</option>
            </select>   
        </div>
        <br/>


      <div id="resposta"></div>

 

e o php para retorna

 

 

<?php
$opcao  = $_POST['select'];


if($opcao == '1'){
echo 'olha a pizza';
}elseif($opcao == '2'){
echo 'Olha a bebida';
}


?>

 

basta ajustar agora ... é tranquilo

da olhada na api do jquery e tu ve que é mole entender o ajax

http://api.jquery.com/jQuery.ajax/

 

depois disso é logica pura no html eo no php

 

 

[wallacejonathan 0]

mas onde eu coloco o ajax amigo ?

abraçoo e obrigado desde já

ixi, perguntei besteira.. ta de boa já amigo.. qualquer duvida eu posto aqui..

grande abraço e obrigado

[Keven Jesus_164006 39]

o ajax ele vai verificar oque for selecionado no seu select e manda a resposta para um arquivo php e neste arquivo vc manipula o resultado e manda novamente a resposta para o ajax e de la vc retorna em alguma parte do site no caso do exemplo ai em uma div

[wallacejonathan 0]

mas esse php fica dentro da div resposta né ?

[Keven Jesus_164006 39]

nao amigo o php fica fora de tudo

 

entenda o ajax como um iframe ... vc manipula diferentes respostas em diferentes arquivos mostrando o resultado em um unico lugar...

 

 

da uma olhada no exemplo que fiz la .. ler os codigos ta tudo comentadinho

[wallacejonathan 0]

Beleza.. vou da meu jeito aqui.. valeeu mano