1

Olá pessoal alguém pode da uma força nesse probleminha que travei? Já que não sou muito bom em javascript. To querendo pegar o valor de um select dinamicamente e de acordo com o select selecionado fazer um pesquisa dinâmica SQL em projeto feito em php puro.

echo '<select name="op">';
echo  '<option value="Rede">Rede</option>';
echo   '<option value="Suport">Suporte</option>';
echo   '<option value="Backend">BackEnd</option>';
echo   '<option value="FrontEnd">FrontEnd</option>';
echo '</select>';

$qq = $_POST['op'];
$q3 = "SELECT * FROM `lcm_author` WHERE `sector` LIKE '$qq'";
$query3 = lcm_query($q3);
3
  • Você pode usar AJAX para isso... utilize o evento $("select").change(function(){}); do select e dispare uma chamada AJAX para buscar os dados dinamicamente. Isso com JQuery, só pra constar. Se você já tiver alguma coisa do javascript, poste junto na pergunta para vermos. Commented 16/12/2014 às 18:27
  • Na verdade não tenho nada em javascript para essa funcionalidade, a grande questão é que não sei fazer isso ! Tentei pegar o exemplo que tem na internet sobre (pesquisa estado/cidade dinamicamente) para ter uma base, mas mesmo assim não consigo fazer as alterações certa. Commented 16/12/2014 às 18:34
  • Da uma pesquisada em AJAX (requisição assíncrona) e JQuery, com isso você consegue resolver sua questão. Commented 16/12/2014 às 18:50

2 Respostas 2

3

Arquivo JS

$("select").change(function(){ //Evento quando o elemento select é alterado.
    $.ajax({
        url: "filtrar.php", //Página que fará a busca no banco de dados
        type: 'POST',
        data: { filtro: $(this).val() }, //Variáveis postadas para o arquivo definido
        complete: function (e, xhr, result){
            if(e.readyState ==4 && e.status ==200){
                try{
                    var Obj = eval("("+ e.responseText + ")");//combo os
                }
                catch(err){
                }
                if(Obj != null){
                    if(Obj.msg == '1'){
                        console.log(Obj);
                    } else {
                        console.log('Nenhum registro retornado');
                    }
                }
            }
        }
    });
});

Arquivo PHP

    $setor = $_POST['filtro'];

    $retorno = array();

    $sql = "SELECT ... WHERE sector LIKE (:filtro);";

    $vars = array(":filtro"=>"%{$setor}%");

    $stmt = $pdo->prepare($sql);

    foreach($vars as $index => $value){
        $stmt->bindValue($index,$value);
    }

    if($stmt->execute()){
        $count = $stmt->rowCount();
        $rows = $stmt->fetchAll(PDO::FETCH_OBJ);
        $rows['msg'] = '1';
        $rows['length'] = $count;

        $i = 0;
        while($i < $count){
            foreach($rows[$i] as $index => $value){
                $rows[$i]->$index = ($value);
            }
            $i++;
        }

        return json_encode($rows,true);
    } else {
        return json_encode(array("msg" => '0'),true);
    }

Adriano, use de base e tente elaborar alguma coisa por conta para você começar a entender a manipular os eventos por javascript.

Esse arquivo PHP de exemplo esta utilizando PDO, se precisar adapte ao que você esta acostumado. O retorno dessa rotina é um JSON com todos os registros recuperados do banco. Dê uma pesquisada se não conhece sobre o JSON.

Não esqueça de incluir a biblioteca JQuery no seu cabeçalho do código, se não nada disso funcionará

JQuery

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
2
  • você tirou minha trava! Nessa funcionalidade "url" do ajax eu posso colocar a próprio caminho do arquivo(chamando ele mesmo)? Já que tudo vai ficar em um único arquivo! Ou vou ter que separar mesmo ? Commented 17/12/2014 às 1:10
  • 1
    Pra vc usar a mesma página pra tudo, vc vai ter q colocar alguns IFs pra quando a requisição AJAX for chamada, apenas a impressão dos dados recuperados do banco podem aparecer, que seria echo json_encode(). Mas eu recomendo que vc tenha um arquivo com o HTML outro com JS e outro com a pesquisa no banco, assim fica muito mais organizado e vc não precisa ficar fazendo IFs desnecessários para rodar apenas um pedaço do código quando o AJAX for chamado. Commented 17/12/2014 às 13:12
1

Muto bem então a pergunta que temos é: Como pegar valores do select pelo servidor PHP sem fazer "refresh" na página? A resposta é: Use AJAX, existem algumas formas de se usar Ajax e na minha opinião a mais fácil e compatível é com jQuery.

Imagine que tenhamos uma página de login/cadastro e queremos que ela envie as informações para o servidor mais sem sair dela em hipótese alguma, esse seria um exemplo semelhamente ao seu.

É muito simples, basicamente precisamos de 2 arquivos index.html e cadastro.php

código completo: download código completo

index.html é simplesmente um arquivo HTML com o formulário comum que já conhecemos a diferença está na função ajax

var campos = {nome: "Joao", idade: 32};
$.ajax({
            data: campos,// dados que serão enviados para o servidor
            url: "cadastro.php", // url a buscar sem fazer refresh (ajax)
            type: "POST", // método de envio dos dados (GET,POST)
            dataType: "html", // como será recebida a resposta do servidor (html,json)
            success: function(data){ // função que tras a resposta quando tudo der certo
               alert(data);
            },
            error: function(){
                alert("problema ao carregar a solicitação");
            }
        });

campos é a variável com os dados a serem enviados, success é a função que é chamada quando tudo terminar, type é o modo de envio dos dados que também pode ser GET

cadastro.php Você simplesmente pega os campos, faz o que quiser com eles e imprime uma resposta

<?php
echo "você enviou os campos: <br/>";
print_r($_POST);

Mais detalhes em:

jquery.com

função ajax

6
  • No meu form "<form action="pop_up_upd.php" method="post">" tem vários select dentro dele esse é um deles, o form chama um outro arquivo php que tem a select do banco. Commented 16/12/2014 às 19:16
  • então em teoria estaria certo, já tentou dar um echo na variável $qq pra ver se o valor está vindo?, acho que o problema pode ser o seu SQL tente alterar o valor de $q3 para $q3 = "SELECT * FROM lcm_author WHERE sector LIKE '%$qq%'"; Outra dica é que pegue essa query faça um 'echo' e depois rode no banco pra ver se funciona
    – deFreitas
    Commented 16/12/2014 às 19:20
  • O grande problema é que tem que na hora que se mudar a opção do select.Essa é a grande questão. Commented 16/12/2014 às 19:27
  • 1
    @deFreitas , acredito que o problema do Adriano não é o funcionamento do filtro. Mas ele quer tornar o filtro dinâmico, sem reloads. Então ele tem que usar AJAX para alterar o conteúdo da página dinamicamente quando um novo valor é selecionado no SELECT. É isso Adriano? Commented 16/12/2014 às 19:35
  • Isso mesmo! @DanielRibeiro Commented 16/12/2014 às 19:41

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .