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


Moderador: web

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

Script para adicionar e remover campos do formulário dinamicamente jQuery

15-11-2016 16:52

Nesse post vou deixar um script em jQuery que permite adicionar mais campos ou inputs ao formulário ao clicar no botão Adicionar.

Cada campo adicionado tem um botão com a opção Remover, para que esse input seja removido.

<script src="jquery.js"></script> <script> $(function() { n = 0; m = 5; $("#adiciona").click(function (e) { e.preventDefault(); if (n < m) { $("#alvo").append("<div><input type='text'><input type='button' class='remover' value='remover'></div>"); $(".remover").click(function(e) { e.preventDefault(); $(this).parent("div").remove(); n--; if(n==-1) n=0; }); n++; } }); }); </script> <button id="adiciona">Adiciona</button> <div id="alvo"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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