Adicionar input dinamicamente - erro
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á
Discussão (1)
Carregando comentários...