JQuery | Concatenando formulário
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;
});Discussão (1)
Carregando comentários...