Jump to content
AgenciaEster

Acrescentar select e remover no formulário

Recommended Posts

Bom dia! Tenho o seguinte código. ele acrescenta quantos selects eu preciso e remove e até ai está funcionando corretamente. Só que preciso que os options sejam preenchidos com informações do banco de dados. Como faço isso? Desde já obrigado!

<head>
  <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
  <script>
$(function() {
        var divContent = $('#formulario');
        var botaoAdicionar = $('a[data-id="1"]');
        var i = 1;

        //Ao clicar em adicionar ele cria uma linha com novos campos
        $(botaoAdicionar).click(function() {
                var linha = $('<div class="conteudoIndividual">'+
                  '<select name="segmento'+i+'" required>'+
                    '<option value="" disabled selected>Segmentos</option>'+
                    '<option value="02">AQUI PREENCHER COM OS DADOS DA TABELA SEGMENTO COMO ABAIXO</option>'+
                    '</select><a href="#" id="linkRemover">- Remover Campos</a></div>').appendTo(divContent);                
                $('#removehidden').remove();
                i++;
                $('<input type="hidden" name="quantidadeCampos" value="'+i+'" id="removehidden">').appendTo(divContent);
            linha.find("a").on("click", function(){
                $(this).parent(".conteudoIndividual").remove();
            });
        });
});
</script>
</head>
<form method="POST" action="gerarpdf.php" target="_blank">
    <div id="formulario">
        <select name="segmento" required>
            <option value="" disabled selected>Segmentos</option>
          <?php

             while($seg=$sqlSeg->fecth_objetct()){  //  PREENCHO OS OPTIONS COM OS DADOS DA TABELA SEGMENTO DIRETO DO BANCO

               echo "<option value='1'>$seg->segmento</option>";

            }

           ?>

       </select>
    </div>
    <input type="submit" value="Gerar"/>
        <a data-id='1' href="#">Adicionar</a>
</form>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Thiago Az
      Pessoal bom dia a todos.
       
      Gostaria de uma ajuda de vocês tem um array JavaScript onde tenho os valores das cidades repetidos preciso agrupar os usuários da mesma cidade e eliminar as cidades repetidas
       
      Exemplo do meu código:
       
      var pessoas = [ { nome: 'Maria', cidade: 'São Paulo' }, { nome: 'João', cidade: 'São Paulo' }, { nome: 'Alberto', cidade: 'Rio' }, { nome: 'Matheus', cidade: 'Curitiba' }, { nome: 'kalebe', cidade: 'Belo Horizonte' }, { nome: 'Isaac', cidade: 'Rio' }, { nome: 'Batista', cidade: 'Curitiba' }, { nome: 'Carmem', cidade: 'Rio' }, ];  
      Quero que o retorno seja assim:
       
      São Paulo
      Maria
      João
       
      Rio
      Alberto
      Isaac
      Carmen
       
      Sem que eu tenha Rio ou outra cidade se repetindo várias vezes. Alguém tem alguma sugestão?
       
      Desde já agradeço a todos.
      Grato.
    • By skti
      Boa tarde, me chamo Augusto e gostaria de saber como preencher o campo automaticamente seguindo o formato descrito no título.. por exemplo, ao digitar os 3 primeiros números do cpf, o '.' (ponto) ser preenchido automaticamente. Sou iniciante e o mais perto que cheguei foi criar um input que, quando são digitados 3 caracteres, apareça um '-' (hífen), ficando xxx- por exemplo, porém, de maneira incorreta pois ao continuar digitando o texto ficava xxxxxx- ao inves de xxx-xxx e assim por diante. Agradeço quem puder ajudar! :)
    • By Kauê Fucherberger Bonfá
      eu estou tentando fazer um programa que mostra qual produto vale mais a pena mas eu fiz um if falando que quando o preço e a quantidade dos produtos são iguais a frase "os produtos sao iguais" aparece mas por algum motivo o if não está funcionando.
      <div id="produto1"> <div><input type="number" id="preco1" placeholder="preco"></div> <div><input type="number" id="quantidade1" placeholder="quantidade"></div> </div> <div id="produto2"> <div><input type="number" id="preco2" placeholder="preco"></div> <div><input type="number" id="quantidade2" placeholder="quantidade"></div> </div> <div><button onclick="calcular()">calcular</button></div> <div><p>resultado:<a id="resultado"></a></p></div> <script> function calcular() { var q1 = document.getElementById('quantidade1').value var p1 = document.getElementById('preco1').value var q2 = document.getElementById('quantidade2').value var p2 = document.getElementById('preco2').value if (p1 == p2 && q1 == q2) { document.getElementById('resultado').innerText = 'Os produtos são iguais' } } </script> Não coloquei o codigo inteiro mas acho que assim da pra entender
    • By victorhupo
      Eu tenho um código html e quero que a partir de um formulário o javascript modifique o conteúdo dele porem tenho um conhecimento raso.
       o código seria esse.
      <textarea> <div class="separator" style="clear: both; text-align: center;"> <a href="https://1.bp.blogspot.com/-TDuaU9uqbks/XVQ-Oj0THFI/AAAAAAAAEJw/mMdKEcvI-LwDoTVkcam8OVPse77LndSowCLcBGAs/s1600/S01E08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="901" data-original-width="1600" src="https://1.bp.blogspot.com/-TDuaU9uqbks/XVQ-Oj0THFI/AAAAAAAAEJw/mMdKEcvI-LwDoTVkcam8OVPse77LndSowCLcBGAs/s1600/S01E08.png" /></a></div> </textarea> eu preciso que a partir do link q o usuário colocar no formulário ele substitua esse link de imagem pelo que foi colocado na tabela. alguém tem alguma solução?
    • By geivisonsales
      Tenho um site sobre conteudos de entretenimento, e todos os posts tem uma imagem de fundo do tmdb, tem alguma maneira de otimizar o carregamento dessas imagens por url? ou alguma outra maneira?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.