Ir para conteúdo

POWERED BY:

Arquivado

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

xRicardox

Preenchimento campo <select>

Por , em Javascript

Recommended Posts

xRicardox    0

xRicardox
Postado

Galera, boa tarde.

 

Procurei algo no fórum porém não consegui chegar a uma conclusão sobre a forma de solucionar a minha necessidade.

 

Estou desenvolvendo um sistema em PHP onde em um dos formulários html eu tenho dois campos <select> preenchidos por um foreach de um de um select mysql. O primeiro campo é referente ao cliente, onde deve ser escolher o cliente. No segundo campo temos os contratos e para isso tenho que limitar os contratos que retorna no select que realizo de acordo com o id do cliente escolhido no primeiro campo <select>.

 

Tela1.PNG.0458ca1e8b2885a6de987dc67c49a290.PNG 

 

 

Tela2.PNG.09f08d4b0a53ea09efd1e852c7be3d9f.PNG

 

 

Andei procurando aqui no fórum e encontrei alguns parecidos a esta necessidade, mas não relacionado a select a banco. Alguém poderia me dar uma auxilio? Seria com Jquery? Como devo proceder?

 

 

Obs: Releva alguns erros nas boas práticas da linguagem, estou iniciando neste mundo kkk.

 

 

Att

Compartilhar este post

Link para o post
Compartilhar em outros sites

Omar~    87

Omar~
Postado

Rapidinho sem pensar em uma solução mais precisa eu faria assim:

Pegaria o ID do cliente e colocaria assim como você fez, ao selecionar ele por sua vez eu executaria outra função para fazer novamente uma busca no banco a partir do cliente selecionado.

Veja um exemplo com jQuery para acionar uma função ao trocar um valor em um select.

Spoiler 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-3.2.1.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('.form-control').change(function () {
                    var str = $('.form-control option:selected').attr('value');
                    seletorTroca(str);
                    return false;
                });
            });
            
            function seletorTroca(param) {
                $('.imprimir-resultado').text(param);
            }
        </script>
    </head>
    <body>
        <select class="form-control">
            <option value="Primeira Opção">Selecionar 1</option>
            <option value="Segunda Opção">Selecionar 2</option>
            <option value="Terceira Opção">Selecionar 3</option>
        </select>
        
        <div class="imprimir-resultado"></div>
    </body>
</html>

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

xRicardox    0

xRicardox
Postado
Citar 

            $(document).ready(function () {
                $('.form-control').change(function () {
                    var str = $('.form-control option:selected').attr('value');
                    seletorTroca(str);
                    return false;
                });
            });

Esta função entendi, ela coleta o valor da option que está selecionada. Agora a segunda function não entendi muito bem:

Citar 

            function seletorTroca(param) {
                $('.imprimir-resultado').text(param);
            }

 

Para eu conseguir efetuar o select com o resultado escolhido na primeira option eu teria que enviar este parâmetro para a função que consultaCliente não? 

  

<div class="form-group">
			<?php 	$ClienteDAO = new ClienteDAO();
					$Clientes =  $ClienteDAO->ConsultaCliente();
			?>

Como eu passo o valor coletado pela function que você criou para esta função do objeto ConsultaCliente();?

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Omar~    87

Omar~
Postado

Poste a classe ClienteDAO.

Porque:

$ClienteDAO = new ClienteDAO(); // Instância de classe (objeto)

$Clientes = $ClienteDAO->ConsultaCliente() // Requisição de método da classe ClienteDAO

 

E o que a classe faz, em particular o método ConsultaCliente? Não deveria ter parâmetros nisso?

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

xRicardox    0

xRicardox
Postado 
 public function ConsultaCliente(){

            try{

                $sql = "select * from cadastro_cliente ";

                $stmt = Conexaodb::getInstance()->query($sql);

                return $stmt->fetchall(PDO::FETCH_ASSOC);

            }catch(Exception $e){
                        $erro = array();
                        $array = $stmt->errorInfo();

                        $erro = $array["2"];
                        echo $erro;
                        die;
                        header("location:contrato-formulario.php?SqlError=$erro");

            }


        }

Ela faz apenas uma consulta na tabela cadastro_cliente

Compartilhar este post

Link para o post
Compartilhar em outros sites

Omar~    87

Omar~
Postado

Bom dar para fazer tudo com uma busca só, porém requer atenção na hora de tratar cada coisa.

Criei esse exemplo bem simples e completo como você pode proceder.

Spoiler 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-3.2.1.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                // Remove o comportamento original no envio de formulário
                $('form').submit(function () {
                    return false;
                });

                // A partir do primeiro select tenho os dados passados por string
                $('.form-control').change(function () {
                    // Pego o valor do atributo value
                    var str = $('.form-control option:selected').attr('value');
                    // Faço a busca pelas barras que estão na extring assim crio uma array em relação a cada barra
                    var result = str.split('/');
                    // Inejeto os índices da array no value do segundo select
                    $('.contres').val(result[0]);
                    $('.mailres').val(result[1]);
                    $('.foneres').val(result[2]);

                    // Isso seria caso quisesse mostrar os resultados
                    //$('.contres').html(result[0]);
                    //$('.mailres').html(result[1]);
                    //$('.foneres').html(result[2]);

                    // Exibo o segundo select
                    $('.form-control-contato').show();
                    return false;
                });
            });

            function enviarContato() {
                var cliente = $('input[name="cliente"]').val();
                var contato = $('select[name="contato"]').val();
                var mensagem = $('textarea[name="mensagem"]').val();
                if (!mensagem) {
                    $('.mostrar-resultado').html('<font color="#ff0000">Digite uma mensagem!</font>');
                } else {
                    $('.mostrar-resultado').html('<p>Post foi enviado para:' + cliente + '</p><p>O contato é: ' + contato + '</p><p>Memsagem enviada:' + mensagem + '</p>');
                }
                return false;
            }
        </script>
    </head>
    <body>
        <?php
        // Essa é a simulação do resultado obtido do objeto $Clientes
        $Clientes = [
            array('login' => 'João',   'mail' => 'maildojoao@joao.com',     'fone' => '11-11-11'),
            array('login' => 'Marcos', 'mail' => 'maildomarcos@marcos.com', 'fone' => '22-22-22'),
            array('login' => 'Lucas',  'mail' => 'maildolucas@lucas.com',   'fone' => '33-33-33'),
        ];
        ?>
        <select class="form-control">
            <?php
            foreach ($Clientes as $value) {
                ?>
                <option value="<?= "{$value['login']}/{$value['mail']}/{$value['fone']}"; ?>"><?= $value['login']; ?></option>
                <?php
            }
            ?>
        </select>
        <form method="post" onsubmit="return enviarContato();">
            <input name="cliente" class="contres" type="hidden" value=""/>
            <select name="contato" class="form-control-contato" style="display: none">
                <option class="mailres" value="">E-Mail</option>
                <option class="foneres" value="">Telefone</option>
            </select>
            <br>
            <textarea name="mensagem"></textarea>
            <br>
            <button>Enviar</button>
        </form>
        
        <!-- Isso é só para mostrar o resultado de tudo -->
        <div class="mostrar-resultado"></div>
        
    </body>
</html>

 

 

No mais com o formulário você deve enviar os dados para uma arquivo php que tratará dos dados.

Se quiser saber como manipular facilmente POO junto a jQuery está aqui o exemplo que precisa:

https://www.youtube.com/playlist?list=PLC60WB-CP2vqZNJXj6XWakU7tEDHb0RQ2

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

xRicardox    0

xRicardox
Postado

Obrigado pela ajuda, 

 

Consegui tratar todo o formulário via Ajax. Recebi os dados após a ação de change do select, enviei via get para um arquivo PHP e la efetuei o Ajax retornando um array com o html completando outra tag <select>.

 

Att

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • FabianoSouza
      Reutilizar contagem em SELECT
      Por FabianoSouza
      Eu preciso exibir duas informações em minha consulta:
      1) A quantidade de pessoas inscritas numa turma de treinamento (isso é feito com um simples COUNT)
      2) Uma flag de excesso de inscrições na turma. Seria obtido pela comparação entre a quantidade máxima permitida (já existe esse campo) e o COUNT feito acima.
       
      Até aqui sem problemas.
       
      O que quero é evitar fazer duas contagens (1 para saber a quantidade de inscritos, e outra para gerar a flag de excesso de inscrições).
       
      Há uma forma de utilizar UMA contagem para atender as duas necessidades?
       
      Meu código está assim:
       
      ... --AQUI FAZ A COMPARAÇÃO PARA GERAR A FLAG DE EXCESSO DE INSCRIÇÕES , CASE WHEN (SELECT COUNT(*) FROM dbo.tab AS ITT WHERE ITT.codTurmaDeTreina = T.id) > T.lotacaoMax Then T.nome + '&nbsp;'+'<span class=%22icon-aviso fcolor-critico%22 style=%22font-size:18px%22 title=Excesso&nbsp;de&nbsp;inscrições></span>' --AQUI FAZ A CONTAGEM DE INSCRIÇÕES , (SELECT COUNT(*) FROM dbo.tab AS ITT WHERE ITT.codTurmaDeTreina = T.id) AS 'Inscrições'  
    • FabianoSouza
      Agrupar e classificar select por data
      Por FabianoSouza
      Possuo uma coluna de data.
      Eu gostaria que os registros com datas futuras aparecessem no topo do meu select, em relação aos demais registros.
      Em seguida, gostaria que somente esses registros com datas futuras ficassem em ordem crescente.
      Algo como 
       
      João  | 16/11/2023
      Maria | 17/11/2023
      José  |  20/11/2023
       
      -----------------------------
      (demais registros da base)
      Antônio   |  20/05/2023
      Rosa        | 15/08/2023
      Cida         | 15/10/2022
      Pedro      |  20/05/2021
      Paulo      |  14/11/2020
       
      O select seria esse.
      select dbo.formataData(ET.dataInicial) AS 'data' FROM dbo.tab AS ET GROUP BY ET.dataInicial  
    • mateus.andriollo
      IF e array [RESOLVIDO]
      Por mateus.andriollo
      Existe uma forma de fazer um IF na select e comparar com Array de dados?
       
      algo como
       
      Select if( in_array(idCliente,'1,2,3,4,5')=true,'Tem','Não') ) as cliente Não consigo usar inner ou where pois esse array é algo q tem varias regras...
       
      Precisava saber se existe uma função assim em MySQL
    • mateus.andriollo
      IF e array [RESOLVIDO]
      Por mateus.andriollo
      Existe uma forma de fazer um IF na select e comparar com Array de dados?
       
      algo como
       
      Select if( in_array(idCliente,'1,2,3,4,5')=true,'Tem','Não') ) as cliente Não consigo usar inner ou where pois esse resultado do array é algo q tem varias regras...
       
      Precisava saber se existe uma função assim em MySQL
    • Rodrigo V
      Duvida sobre requisição AJAX
      Por Rodrigo V
      Boa tarde pessoal, sou novo aqui e não sei se o conteúdo que estou postando está no lugar correto.
      Estou com uma dúvida no ajax de uma requisição onde o retorno do banco popula o meu select, mas o problema é que  meu select devido possuir muitos dados ( em torno de 3000 options) quando retorna o navegador da uma leve travada mas no navegado do celular(com android 9) e trava ao ponto de ter que fechar aplicação. Acredito que teria que fazer um option que carregue por demanda algo assim, mas não sei se o meu pensamento está correto, e se estiver não sei como fazer... se alguém conseguir me ajudar agradeço. segue abaixo  códigos:
       
      onde é populado o select
                 <div class="col-md-2">             <select class="btao1" id="resultados"></select>             <input id="btao1" type="submit" value="Conferir" />           </div>  
      requisicao ajax
      <script>   $(document).ready(function() {     select_resultados()     });     function select_resultados() {     $.ajax({       url: 'select_resultados.php',       method: 'GET',       success: function(dados) {         $('#resultados').html(dados);       }     });   }   </script>  
      pagina php que busca no banco 
       
      $query_select = "SELECT * FROM resultados ORDER BY id DESC"; $result_select = $connect->prepare($query_select); $result_select->execute();   while($resultado_select = $result_select->fetch(PDO::FETCH_ASSOC)){     extract($resultado_select);     echo '         <option value='.$id.'>'.$name.'</option>'; }  
       
×

Informação importante

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

  Aceito