Ir para conteúdo

POWERED BY:

Arquivado

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

João Pedro Amorim

Selecionar um campo do formulário automaticamente com a opção selecionada anterior

Recommended Posts

Olá amigos!

Estou criando um formulário para inscrições de matrículas na escola onde trabalho. Os dados inscritos no formulário serão enviados para inserir em um banco de dados, mas o que eu preciso é o seguinte, um dos campos do formulário é "SÉRIE CURSADA EM 2017" onde a pessoa vai escolher entre: 1º ANO, 2º ANO... e a outo campo do formulário é "SÉRIE CURSADA EM 2018" onde este campo deve preencher automaticamente com a série posterior a de 2017. Exemplo: se a pessoa selecionar 1º ANO, no próximo campo deve aparecer já selecionado 2º ANO.

Como devo fazer isso?

Valendo crédito no código do site rsrs.

Valeu galera!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode usar JS puro, coloque isso no head:

 


<script type="text/javascript">
function selecionarcurso(){
    var c2017 = document.getElementById("cursada2017");
    var c2018 = document.getElementById("cursada2018");

    var selecionado2017 = c2017.options[c2017.selectedIndex].value;

    var selecionado2018 = parseInt(selecionado2017)+1;

    for (var i = 0; i < c2018.options.length; i++){
        if(c2018.options[i].value == selecionado2018){
            c2018.options[i].selected = "true";
            break;
        }
    }

}
</script>

 

No form teste faça assim:

 


<select id="cursada2017" onchange="selecionarcurso()">
    <option value="1">1º ano</option>
    <option value="2">2º ano</option>
    <option value="3">3º ano</option>
</select>

<select id="cursada2018">
    <option value="1">1º ano</option>
    <option value="2">2º ano</option>
    <option value="3">3º ano</option>
    <option value="4">4º ano</option>
</select>

 

Testei aqui e funfou!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Deu super certo Osmar! Valeu mesmo. Não fazia a mínima ideia de como aplicar essa equação. Agora vou só inserir dentro do estilo do formulário e ta tudo certo. Vou colocar seu nome e twitter ou site no código fonte do site, ok? kkk Só mandar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Rafael_Ferreira
      Não consigo carregar a imagem do captcha do meu formulário. Foi testado com o xampp e easyphp. Também não carregou a imagem de outros captcha. 
       
       
    • Por luiz monteiro
      Olá.
      Estou atualizando meu conhecimento com Front-End e me deparei com o seguinte problema.
      Criei um sistema para fazer o upload de imagens e alguns campos text.
      Algo bem simples para depois começar a estudar javascript para mostrar a miniatura....
      Mas quando saio do navegador Chrome ou da aba por mais de 3 minutos, ao retornar o navegador as vezes atualiza ou nem chega atualizar mas limpa os campos.
      Estou usando um Smart Motorola com Android, mas um amigo testou no iPhone e acontece a mesma coisa.
      Gostaria de saber se há como usar javascript para evitar isso?
      Agradeço desde já.

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Uploader</title>
      </head>
      <body>
          <form action="?" method="post" enctype="multipart/form-data">
              <br><br>
              <div>selecione a imagem 1</div>
              <input type="file" name="foto1" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem1">
              
              <br><br>
              <input type="file" name="foto2" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem2">
              
              <br><br>

              <input type="file" name="foto3" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem3">
              
              <br><br>
              <input type="submit" value="Enviar">
              <br><br>
          </form>
      <?php
      if ($_SERVER['REQUEST_METHOD'] == 'POST')
      {
          vardump ($_FILES);
      }
      ?>
      </body>
      </html>
       
       
       
    • Por belann
      Olá!
       
      Estou usando o nextjs versão 15.2.3 e criei uma navbar que quando é carregado o programa aparece com a home, mas na hora de clicar na página produtos desaparece a navbar.
      A navbar esta sendo chamada no layout.tsx estou usando typescript
      e fica dessa forma
      <div>           <Navbar/>             <main>{children}</main>             </div>  
×

Informação importante

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