Ir para conteúdo

Arquivado

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

IvanSilva

Dúvida de como popular o segundo combo box

Recommended Posts

Bom dia pessoal,

Estou tentando fazer um formulário simples e popular uma combobox e após selecionar algum elemento dessa combo, popular a segunda combo, filtrando a partir da seleção da primeira combo.

Já consegui pegar o valor que o usupario escolhe da primeira combo. Minha dificuldade é o JS rodar executar um arquivo PHP para este, criar os <options> do <select>.

Seguem os códigos:

cad-equipe.php

OBS: A function listaLinhaServico() eu fiz até aqui:

function listaLinhaServico() {
var valor = document.getElementById("id_area").value;
document.getElementById("demo").innerHTML = "Você selecionou: " + valor;

A parte do GET eu peguei de um exemplo na internet, e é nessa parte que tenho dificuldades/dúvidas: Como chamar um arquivo php a partir do JS? Como receber o array e montar os <options> do <select> ?

Desde já, muito obrigado por qualquer ajuda ou dicas.

Abs, Ivan

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Cadastro de Equipe</title>
        
        <link rel="stylesheet" href="../css/bootstrap.min.css">
    </head>
    <body>
        
        <div class="container">
            <h2>Cadastrar Equipe</h2>
            <hr />

        </div>
        <form action="../controller/gravar-area.php" method="post">
            <div class="container">
                <div class="row">
                    <div class="form-group col-md-4">
                        <label for="area">Área *</label>
                        <select id="id_area" name="id_area" class="form-control" required="TRUE" onchange="listaLinhaServico()">
                            <?php
                                include '../controller/conexao.php';
                                $sql = "select * from area order by nome_area";
                                $result = mysqli_query($con, $sql);
                                while($row = mysqli_fetch_array($result)){
                                    echo "<option value='".$row["id_area"]."'>".$row["nome_area"]."</option>";
                                }
                                mysqli_close($con);
                            ?>
                        </select>
                        <p id="demo"></p>
                    </div>                
                </div>
                
                <div class="row">
                    <div class="form-group col-md-4">
                        <label for="linha_serv">Linha de Serviço *</label>
                        <select id="id_linha_serv" name="id_linha_serv" class="form-control">
                            <option value="0">Selecione...</option>
                        </select>
                    </div>                
                </div>
                
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="control-label" for="nome_equipe">Nome da Equipe *</label>
                        <input class="form-control" type="text" name="nome_equipe" size="40" maxlength="40" placeholder="Digite o nome da equipe" autofocus required="TRUE" id="nome_equipe">
                     </div>
                </div>
                
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="control-label" for="email_equipe">E-mail da área *</label>
                        <input class="form-control" type="email" name="email_equipe" size="30" maxlength="30" placeholder="Digite o e-mail da equipe" autofocus required="FALSE" id="email_equipe">
                     </div>
                </div>

                <div class="row">
                    <div class="form-group col-md-4">
                        <label for="status_area">Status da equipe*</label>
                             <select id="status_area" name="status_equipe" class="form-control">
                                  <option value="ATIVO">ATIVO</option>
                                  <option value="INATIVO">INATIVO</option>
                             </select>
                    </div>                
                </div>                

                <hr />
                <div id="actions" class="row">
                    <div class="col-md-12">
                        <button type="submit" class="btn btn-primary">Salvar</button>
                        <a href="../index.php" class="btn btn-default">Cancelar</a>
                        <a href="../view/cons-equipe.php" class="btn btn-warning">Consultar</a>
                    </div>
                </div>
            </div>
        </form>
        <script>
        //quando o valor da combo da área alterar ele vai executar essa linha
            
        function listaLinhaServico() {
            var valor = document.getElementById("id_area").value;
            document.getElementById("demo").innerHTML = "Você selecionou: " + valor;
            
            $.get('../Controller/listar-linha-serv.php?search=' + valor, function (data) {
                        //procurando a tag OPTION com id da linha de serviço e removendo 
                    $('id_linha_serv').find("option").remove();
                                //montando a combo da linha de serviço
                    $('id_linha_serv').append(data);
                });
                
               
        }
            
        </script>
    </body>
</html>

listar-linha-serv.php

<?php
    //Controller para receber via GET o valor do id da área
    echo 'CHEGUEI AQUI !!!';

    if (isset($_GET['search'])) {
        $cod_area = $_GET['search'];
        include '../controller/conexao.php';
        $sql = "select * from linha_serv where fk_id_area = ".$cod_area;
        echo $sql;
        $result = mysqli_query($con, $sql);
        while($row = mysqli_fetch_array($result)){
            echo "<option value='".$row["id_linha_serv"]."'>".$row["nome_linha_serv"]."</option>";
        }
        mysqli_close($con);
    }
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

O valor do primeiro combo eu já consigo pegar. Repare que na terceira linha abaixo, eu imprimo na tela, a string

"Você selecionou: " + valor, onde valor é o value da primeira combo.

function listaLinhaServico() {
            var valor = document.getElementById("id_area").value;
            document.getElementById("demo").innerHTML = "Você selecionou: " + valor; 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, ativo. Nela tem cadastrado vários itens. No campo ativo eu coloco a letra "S" para informar que este item está ativo no sistema. Por exemplo: 1, casa, S 2, mesa, S 3, cama, S 4, moto S 5, rádio O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "produtos" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, mesa, moto 2, mesa, casa, cama 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela produtos da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "mesa". Preciso fazer com que o php me liste todos os registros da tabela "produtos" que contenham a palavra "mesa". Até aqui tudo bem eu consigo listar. Estou fazendo assim: <?php $item = "mesa" $sql = mysqli_query($conn, "SELECT * FROM produtos WHERE item1 LIKE '$item' OR item2 LIKE '$item' OR item3 LIKE '$item' LIMIT 10"); while($aux = mysqli_fetch_assoc($sql)) { $id = $aux["id"]; $item1 = $aux["item1"]; $item2 = $aux["item2"]; $item3 = $aux["item3"]; echo $id . " - " . $item1 . ", " . $item2 . ", " $item3 . "<br>"; } ?> O problema é que está listando todos os registros que contém o item mesa. Eu preciso que o php verifique os demais item e me liste somente os registro em que todos os registros estejam ativos no sistema. No exemplo acima ele não deveria listar o registro 3. pois nesse registro contém o item "radio" e este item não está ativo no sistema. Ou seja, o registro "radio" na tabela itens não possui um "S" na coluna "ativo". Alguém sabe como resolver isso?
    • Por ILR master
      Fala galera.
      Espero que todos estejam bem.
      Seguinte: Tenho um arquivo xml onde alguns campos estão com : (dois pontos), como o exemplo abaixo:
       
      <item>
      <title>
      d sa dsad sad sadasdas
      </title>
      <link>
      dsadas dsa sad asd as dsada
      </link>
      <pubDate>sadasdasdsa as</pubDate>
      <dc:creator>
      d sad sad sa ad as das
      </dc:creator>
      </item>
       
      Meu código:
       
      $link = "noticias.xml"; 
      $xml = simplexml_load_file($link); 
      foreach($xml -> channel as $ite) {     
           $titulo = $ite -> item->title;
           $urltitulo = $ite -> item->link;
           print $urltitulo = $ite -> item->dc:creator;
      } //fim do foreach
      ?>
       
      Esse campo dc:creator eu não consigo ler. Como faço?
       
      Agradeço quem puder me ajudar.
       
      Abs
       
       
    • Por First
      Olá a todos!
       
      Eu estou criando um sistema do zero mas estou encontnrando algumas dificuldades e não estou sabendo resolver, então vim recorrer ajuda de vocês.
      Aqui está todo o meu código: https://github.com/PauloJagata/aprendizado/
       
      Eu fiz um sistema de rotas mas só mostra o conteúdo da '/' não sei porque, quando eu tento acessar o register nada muda.
      E eu também quero que se não estiver liberado na rota mostra o erro de 404, mas quando eu tento acessar um link inválido, nada acontece.
      Alguém pode me ajudar com isso? E se tiver algumas sugestão para melhoria do código também estou aceitando.
       
       
      Desde já, obrigado.
    • Por landerbadi
      Olá pessoal, boa tarde
       
      Tenho uma tabela chamada "produtos" com os seguintes campos (id, produto) e outra tabela chamada "itens" com os seguintes campos (id, prod_01, prod_02, prod_03, prod_04).
       
      Na tabela produtos eu tenho cadastrado os seguintes produtos: laranja, maçã, uva, goiaba, arroz, feijão, macarrão, etc.
       
      Na tabela itens eu tenho cadastrado os itens da seguinte maneira:
       
      1, laranja, uva, arroz, feijão;
      2, maçã, macarrão, goiaba, uva;
      3, arroz, feijão, maçã, azeite
       
      Meu problema é o seguinte: 
      Eu escolho um produto da tabela "produtos", por exemplo "uva".  Preciso fazer uma consulta na tabela "itens" para ser listado todos os registros que contenham o produto "uva" e que todos os demais produtos estejam cadastrados na tabela "produtos".
       
      No exemplo acima seria listado apenas dois registros, pois o terceiro registro não contém o produto "uva". 
       
      Alguém pode me ajudar? Pois estou quebrando a cabeça a vários dias e não consigo achar uma solução.
    • Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
×

Informação importante

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