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


Moderador: web

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

Preencher tabela com valores digitados nos inputs jQuery

25-10-2016 14:39

Nesse post vou mostrar como preencher as colunas de uma tabela com valores que o usuário digitar em um formulário HTML.

Funciona assim, ao preencher os inputs o valor vai alimentando de forma automática as colunas de uma tabela.

Esse script é bem útil para gerar ordem de serviços, onde o responsável pode preencher na hora o formulário e as informações digitadas ficam na tela, prontas para imprimir.

<script src="jquery.js"></script> <style> div.campo{ float:right; } </style> <script> $(function() { $("#nome").on("keyup", function() { $("#nome_").html($(this).val()); }); $("#descricao").on("keyup", function() { $("#descricao_").html($(this).val()); }); }); </script> <form> <input type="text" name="" id="nome" value="" /> <br /> <textarea id="descricao"></textarea> </form> <table> <tr> <td>Nome: <span id="nome_" class="campo"></span></td> </tr> <tr> <td>Descricao: <span id="descricao_" class="campo"></span></td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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