0

Tô a um tempo tentando fazer isso, mas falhei miseravelmente, tô tentando por um método diferente dos que vi no fórum então acho que não caio na duplicidade.

Preciso criar um segundo dropdown a partir dos parâmetros do primeiro, seria parecido com aqueles em que você insere seu estado e ao lado aparece uma lista com as cidades do mesmo.

Criei três arquivos que fariam isso:

Html/JS Na função verificalist(), eu deveria conseguir chamar algo que imprimisse a lista no select "listII"

<html>
<head>
<?php require("cabecalho.php"); ?>

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<!-- <script src="ajax.js"></script> -->
</head>
<body>

    <form name="listas" method="GET" action="real_time.qm.php">

    <a>Origem: </a>
    <select id="listI" name="ori">
    <option value="0"></option>

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

        $pl = "SELECT DISTINCT origem FROM reg_qm_papel";
        $plgo = mysql_query($pl, $conexao);

    while($sc_l = mysql_fetch_array($plgo)){
       echo '<option>'.$sc_l['origem'].'</option>';
    } 
        ?>

    </select>&nbsp; &nbsp;&nbsp;
        <select id="listII" name="papel">
            <!-- Imprimir a lista aqui dps que chamasse inputasse valor na primeira lista -->
        </select>


            <button class="css_btn_class" type="submit">Cadastrar</button>
    </form>


    <script>

             $(document).ready(function(){

    $('#listI').on('change', function(){
        $('#listII').html('');
        var ori = $(this).val();
        $.ajax({
            url: 'puxa.php',
            data: {
                ori: ori
            },
            type: 'GET',
            dataType: 'json',
            success: function(data){
                $.each(data, function(){
                    $('#listII').append('<option>'+this.Papel+'</option>');
                })
            }
        })
    });

})
        }

    </script>

</body>

PHP

include ("Conectcma.php");

$ori = $_GET['ori'];

$pl1 = "SELECT Papel FROM reg_qm_papel WHERE origem = '$ori'";
$plgo1 = mysql_query($pl1, $conexao);

while($sc_l1 = mysql_fetch_assoc($plgo1)){
       $vetor[] = array_map('utf8_encode', $sc_l1);
    }  

echo json_encode($vetor);
?>

Edit1: = Inseri a função Ajax dentro do código do index, porém não funciona ainda.

1
  • E qual erro está ocorrendo? Qual problema está ocorrendo? 29/11/2017 às 14:23

1 Resposta 1

1

Tente apenas fazer essa alteração troque esse código pelo seu verificaList():

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<form name="listas" method="GET" action="real_time.qm.php">

    <a>Origem: </a>
    <select id="listI" name="ori">
        <option value="0">Selecione..</option>
        <?php
        include ("Conectcma.php");

        $pl = "SELECT DISTINCT origem FROM reg_qm_papel";
        $plgo = mysql_query($pl, $conexao);

        while($sc_l = mysql_fetch_array($plgo)){
            echo '<option>'.$sc_l['origem'].'</option>';
        }
        ?>
    </select>&nbsp; &nbsp;&nbsp;
    <select id="listII" name="papel">
        <!-- Imprimir a lista aqui dps que chamasse inputasse valor na primeira lista -->
    </select>
    <button class="css_btn_class" type="submit">Cadastrar</button>
</form>

<script>
    $(document).ready(function(){

        $('#listI').on('change', function(){
            $('#listII').html('');
            var ori = $(this).val();
            $.ajax({
                url: 'puxa.php',
                data: {
                    ori: ori
                },
                type: 'GET',
                dataType: 'json',
                success: function(data){
                    $.each(data, function(){
                        $('#listII').append('<option>'+this.Papel+'</option>');
                    })
                }
            })
        });

    })
</script>
5
  • Você diz de excluir a função verificaList e simplesmente colocar essa no lugar? 29/11/2017 às 14:29
  • Isso, pode colocar no seu no lugar do seu Ajax, dentro do $(document).ready...
    – arllondias
    29/11/2017 às 14:31
  • Desculpa, tinha esquecido de colocar o parametro para enviar no Ajax, editei a resposta
    – arllondias
    29/11/2017 às 14:37
  • Fiz a edição no meu código e ainda não funcionou, editei a questão também. 29/11/2017 às 15:04
  • Veja como esta seu retorno do php, ou se na devtools exibe algum erro, testei com um array fixo no retorno do "puxa.php"e funcionou normal.
    – arllondias
    29/11/2017 às 16:26

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 .