Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como ter um submit para cada linha tr da tabela com jQuery

31-01-2016 16:15

Nesse post vou mostrar um exemplo bem básico de como ter um submit em cada linha tr de uma tabela, usando o jQuery.

A obtenção do input é através do prev(), onde você define o(s) inputs anteriores ao input de submit. Qualquer dúvida só postar.

envio.php

<script src="jquery.js"></script> <script> $(document).ready(function() { $('.submit').click(function() { // PRIMEIRO INPUT $pri = $(this).prev().prev().val(); $seg = $(this).prev().val(); // ENVIO jQuery.ajax({ type: "POST", url: "retorno.php", dataType: "html", data: "valor1=" + $pri + "&valor2=" + $seg, // enviado com sucesso success: function(response){ jQuery("#retorno").html(response); }, // quando houver erro error: function(){ alert("Ocorreu um erro durante a requisição"); } }); // ENVIO }); }); </script> <table class="tabela"> <tr> <td><input type="text" name="" value="1" /> <input type="text" name="" value="2" /> <input type="button" class="submit" value="submit"></td> </tr> <tr> <td><input type="text" name="" value="a" /> <input type="text" name="" value="b" /> <input type="button" class="submit" value="submit"></td> </tr> </table> <div id="retorno"></div>

retorno.php

<?php echo "{$_POST['valor1']} e {$_POST['valor2']}"; ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado