Ir para conteúdo

Arquivado

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

Lucas Jorge

JQuery | Concatenando formulário

Recommended Posts

Olá a todos, sou iniciante em Jquery e estou a horas batendo a cabeça com um problema, alguem pode me ajudar? Estou querendo juntar as informações deste formulário, concatenando elas em uma espécie de toString(), e informar a variavel concatenada a um input de texto. mas não estou conseguindo, alguem pode me ajudar a encontrar o erro estupido?

 

HTML:

Spoiler

<div class="container">
  <div class="row">
        <div class="col-md-6">
            <fieldset style="padding: 25px">
          <legend>Gerador de descrição</legend>
      <form name="concatenarStrings" method="get" id="formForConcat" action="#concatena" class="form-horizontal">      
          <div class="input-field col s12">
                        <select>
                            <optgroup label="Ferramentas Standard">
                                <option value="1">Topo reto</option>
                                <option value="2">Topo toroidal</option>
                                <option value="3">Topo esférico</option>
                                <option value="4">Fresa rosca</option>
                            </optgroup>
                            <optgroup label="Ferramentas Gold">
                                <option value="5">Topo reto</option>
                                <option value="6">Topo toroidal</option>
                                <option value="7">Topo esférico</option>
                                <option value="8">Topo High Feed</option>
                            </optgroup>
                        </select>
                        <label>Tipo de ferramenta</label>
                    </div>
       
          <div class="control-group">
            <label class="control-label">Medidas</label>
            <div class="controls">
              <div class="row-fluid">
                <div class="span3">
                  <input type="text" class="input-block-level" autocomplete="off" maxlength="5" title="Diâmetro do corte" required placeholder="Ø corte" id="dCorte">
                </div>
                <div class="span3">
                  <input type="text" class="input-block-level" autocomplete="off" maxlength="5" title="comprimento do corte" required placeholder="Comp. do corte" id="cCorte">
                </div>
                <div class="span3">
                  <input type="text" class="input-block-level" autocomplete="off" maxlength="5" title="Diâmetro da Haste" required placeholder="Ø Haste" id="dHaste">
                </div>
                <div class="span3">
                  <input type="text" class="input-block-level" autocomplete="off" maxlength="5" title="Comprimento total" required placeholder="Comprimento total" id="cHaste">
                </div>
              </div>
            </div>
          </div>
       <fieldset>
                 <legend>Detalhes</legend>
          <div class="control-group">
            
            <div class="controls">
              <div class="row-fluid">
                  <fieldset>
                                 <legend>Cobertura</legend>
                  <p>
                                  <input name="Cobertura" type="radio" id="cCob" />
                                  <label for="cCob">Sim</label>
                                </p>
                                <p>
                                  <input name="Cobertura" type="radio" id="sCob" />
                                     <label for="sCob">Não</label>
                            </p>
                                </fieldset>
                                <br />
                                <fieldset>
                                 <legend>Refrigeração Interna</legend>
                  <p>
                                  <input name="Refrigeracao" type="radio" id="cRef" />
                                  <label for="cRef">Sim</label>
                                </p>
                                <p>
                                  <input name="Refrigeracao" type="radio" id="sRef" />
                                     <label for="sRef">Não</label>
                            </p>
                                </fieldset>
                                <hr>
                                
                <div class="controls">
              <input type="text" class="input-block-level" title="Obs" required placeholder="informações adicionais" id="obs">
            </div>
            
              </div>
            </div>
          </div> 
                 </fieldset><br/>
          <div class="form-actions">
            <button id="enviaForm" class="btn btn-primary" action="concatenar()" title="Gerar"><i class="material-icons">wb_iridescent</i></button>
                        <button class="btn btn-primary red" title="Apagar"><i class="material-icons">cancel</i></button>
          </div>
                    <div><a name="concatena">
                        <input id="concatenadoValue" type="text" value="" placeholder="O resultado ira aparecer aqui!">
                        </a>
                        </div>
      </form>
            </div>
    </div>
</div>

 

Jquery

Spoiler

$(document).ready(function() {
    $('select').material_select();
  });

 

$(function concatenar(concatenarStrings){
        var dCorte = $('#dCorte');
        var cCorte = $('#cCorte');
        var dHaste = $('#dHaste');
        var cHaste = $('#cHaste');
        var obs = $('#obs');

    var resultado = dCorte;
    alert = resultado;
        console.log(resultado);
    $('#concatenadoValue').value=resultado;
});
 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

 $('#concatenadoValue').val( resultado );

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • 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?
    • Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

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