Ir para conteúdo

POWERED BY:

Arquivado

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

Denis Mattos

Adicionar campo (replicar)

Por , em Javascript

Recommended Posts

Denis Mattos    0

Denis Mattos
Postado

E ae galera,

 

é o seguinte.. Fiz uma pagina para receber 2 campos e esses dois campos quando precisar, posso replicar para colcoar mais informações

 

o exemplo é este 

<html>
<head>
<script>

var linha
linha = 1

function replica(){

var campos = new Array(2)
campos[0] = "produto";
campos[1] = "foto";

document.getElementsByTagName("form")[0].innerHTML += "<div>" + document.getElementsByTagName("div")[0].innerHTML + "</div>";

div_nova = document.getElementsByTagName("div")[linha]
inputs_novos = div_nova.getElementsByTagName("input");

	for(i=0;i<inputs_novos.length;i++)
	{
	inputs_novos[i].id = campos[i]+linha;
	}

	linha++;

}

</script>

</head>
<body>

<a href="#" onclick="replica()">mais...</a>
	<form>
		<div>
			Produto:<input name='titulo' type='text' id="produto0" size=30> 
			Foto:<input type='file' name='arquivo1' id="foto0"/><br>

		</div>
	</form>


</body>
</html>

Até ae ok.. recebe os campos certo, com a id diferente e tudo mais... mas o problema, é que quando por exemplo eu digito alguma coisa no primeiro campo, se eu adicionar outro o que eu digitei apaga..

 

Alguem sabe como posso consertar isso? Adicionar um campo sem apagar o que ja foi escrito?

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