Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

amanda kelly

Adicionar input dinamicamente - erro

Por , em Javascript

Recommended Posts

amanda kelly    0

amanda kelly
Postado

Boa noite,

 

estou tentando adicionar input dinamicamente, porém nao to conseguindo.

 

estou seguindo essa video aula:

 

e meu código está idêntico, mas mesmo assim não vai.

 

tenho salvo na minha pasta o jquery-1.7.1.min.js

 

e tbm ja tentei igual ele colocou

 

<script type='text/javascript' src="http://code.jquery.com/jquery-1.4.4.min.js"></script>

 

<HTML>
<HEAD>
<TITLE></TITLE>
<script type='text/javascript' src="jquery-1.7.1.min.js"></script>
<script type='text/javascript'>
$(function(){

$("#add").click(function(){

 var input ='<div class="itens">';
 input +='<label>Produtos:<input type="text" name="produto[]" size="60">  </label>';
 input +='<label>Qtd:<input type="text" name="qtd[]" size="5"> </label>';
 input += '<a href="#" class="del"> X </a>
 </div>

 $("#campos").append(input);

 return false;

});
$('.del').live('click',function(){

$(this).parent().remove();

});
});

</script>
</HEAD>
<BODY>
<a href="#" id="add"> add </a>

<form action="" method="post">
<fieldset>
<label>Produtos:<input type="text" name="produto[]" size="60">  </label>
<label>Qtd:<input type="text" name="qtd[]" size="5"> </label>
<div id="campos"></div>
<br>

<input type="submit" value="Enviar">
</fieldset>
</form>
</BODY>
</HTML>

 

Estou precisando com uma certa urgencia, e ficaria MUITO grata se alguém me ajudasse.

 

Obrigada desde já

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Oi @amanda, segue um exemplo:

 

http://wbruno.com.br/2011/04/01/adicionar-inputs-opcao-de-remove-los/

 

 

para descobrir erros do teu script, aperte Ctrl+Shift+J no Firefox, e acompanhe o console.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito