Possuo uma Togglable tabs e gostaria de serializar os dados apenas do índice atual ou seja do active
da tab.
Este form é "global" por assim dizer, e esta tabs fica dentro, um exemplo disto seria:
<form>
<div class="servicos">
<label>foo</label>
<input type="text" name="foo">
<label>foo</label>
<input type="text" name="bar">
</div>
<div class="configuracoes">
<label>foo2</label>
<input type="text" name="foo2">
<label>foo2</label>
<input type="text" name="bar2">
</div>
<button id="enviar">Enviar</button>
</form>
Digamos que eu esteja na tab "configurações" ao salvar gostaria de pegar apenas foo2,bar2
.
Ja tentei fazer assim:
$("form").submit(function(e) {
e.preventDefault();
$(this).find('.configuracoes').serialize();
});
O retorno do serialize é vazio,como eu poderia serializar parcialmente um form ?
$(this).find('.active').serialize();
Quando a tab está visivel, a classe .active é adicionado ao elemento. Então com esse codigo ele só pegará os valores do que estiver dentro do elemento que está visivel.$(this).find('.active [name]').serialize();
Assim ele vai pegar todos os elementos que tenham o atributoname
(campos, texarea, select, radio, checkbox...) e vai serializar